i
Sections are components
Each block on this page is a coded component. Editors choose which sections a page uses and in what order — the layout itself cannot break.
Hero
The AI-native stack & client CMS experience.
Every block on this page is an editable Sanity section — the label in each corner names its type. Even this headline lives in Studio: open it, change the words, publish. The crossed box below is an empty image slot.
Open StudioFeatures
Three editable cards
i
Content is structured
This card is a title plus a description in Sanity — not a blob of HTML. That is what keeps editing safe and the design consistent.
i
Design comes later
This template is deliberately a wireframe. On a real project, your design replaces this skin while the editing experience stays identical.
Text + Image
Text + Image section
Fixed in code. Editable in Studio.
This section pairs copy with an image. No image has been set, so the wireframe shows the empty slot — add one in Studio and it appears here. The image position toggle (left or right) is one of the few layout choices editors get.
- Copy, bullets, and the button are Sanity fields
- Layout and spacing are code — editors cannot break them
- Try switching the image position in Studio
Testimonials
Testimonials, managed as a list
"Each testimonial is an item in a list. Editors can add, remove, and reorder them without touching the grid."
"The empty square beside the author name is the avatar slot — another image field waiting for content."
"This card was added from Studio without touching code — the grid reflows on its own. Add a fourth and watch it wrap."
Team
Click a card to open the drawer
FAQ
Frequently asked questions
Why does this site look like a wireframe? +
On purpose. The demo is about structure and editing, not visual design. Every project gets its own design on top of this exact system — see the Why page for the approach.
What can clients edit? +
Copy, images, section order, whole pages, blog posts, and SEO — everything you see on this site. The content model exposes exactly what each project needs: no more, no less.
Can clients break the design? +
No. Sections only expose content fields — layout, typography, and spacing live in code. Rewriting copy or reordering sections cannot push the design out of shape.
What if we need a section type that does not exist? +
It gets built. New section components are added to the catalog in code, and from then on editors can drop them onto any page. New sections take hours, not sprints.
Is Sanity powerful enough for bigger projects? +
Yes. Sanity is a full content platform — drafts and publishing, live visual preview, roles, and revision history are built in. This demo keeps the model deliberately small; the same setup scales to navigation, settings, localisation, and thousands of documents when a project calls for it.
Call to Action
Now open Studio and edit this page
Change this headline, publish, and reload — that is the whole editing loop your clients will use.
Open Studio