Typed sections, not markup

Every block on this page is structured data the agent edits by name. Ask it to "add a gallery" or "drop in a checklist" — it can't reach for raw HTML, so a generated page can't break the build.

Heading section

A standalone heading with an optional sub-line — left or centre aligned.

Why typed beats raw HTML

Machine-generated content can't inject stray tags
Every image carries required alt text
Icons come from an allowlist — never raw SVG
See how it all fits together

A single image section — alt text is schema-required, so it's always accessible.

Gallery section

Magenta-to-violet gradient tile numbered 01 — Grid tile 01

Blue gradient tile numbered 02 — Grid tile 02

Green gradient tile numbered 03 — Grid tile 03

Try it yourself

Connect Claude to this demo and ask it to add a section — it edits the same typed data you see here.

How it works