Native Blocks design study
A small page for testing big ideas.
This is a deliberately varied test page: a practical study in hierarchy, rhythm, colour, nesting and responsive composition.
01 / Clear structure
Make the hierarchy obvious.
Good pages help people understand where they are, what matters and what they can do next.
02 / Useful contrast
Let sections have a voice.
Colour, spacing and scale can create character without making the content fight for attention.
03 / Built to evolve
Keep the system editable.
Every section here remains a normal Block: selectable, inspectable and ready to be changed.
Editorial split
Design that keeps content in charge.
A visual system earns its keep when it makes the message clearer. This section reuses an existing account image, pairs it with focused copy and gives both enough room to breathe.
The result is deliberately composed, but never locked away from the editor.
Inspect the structure
A system you can understand.
Blocks expose their content, styles and relationships as deliberate data rather than a single opaque row.
- Stable UUIDs
- Named style targets
- Visible nesting
Shape the outcome
A system you can change.
The same model stays friendly to visual editing, API-assisted work and future migration tooling.
- Inline content editing
- Typed local styles
- Shared site defaults
What is this page actually testing?
End of the experiment
Simple components. Deliberate composition.
If this page feels coherent, the API route has done its job: authored structure, design and content without bypassing the Blocks model.