Studios
Template Composer
Start from an archetype, move and remove Blocks, and copy the arrangement. Every Block is one the gallery documents — this composes pages, it does not invent them.
Archetype
The page, in order
1. Hero banner
2. Feature grid
3. Pricing band
Add a Block
3
Blocks, rendered by the real components in the order you set.
New
Ship the interface, not the design review
A section that states one claim, proves it in the subhead and offers exactly one next step.
Tokens first
Every value is a named role, in both themes.
Keyboard honest
Focus, roving tabindex and announcements ship with the primitive.
Server safe
No component reaches for the window during render.
Community
Everything in this documentation.
Free
Team
Not built, not sold, not promised.
Soon
/* A marketing page plan: 3 Block(s) in reading order.
Each Block is a section you copy from the Blocks gallery — the library
ships components, not pages, so this is the arrangement, not a component. */
export const sections = [
{ block: "hero-banner", title: "Hero banner", uses: "Badge, Heading, Text, Inline" },
{ block: "feature-grid", title: "Feature grid", uses: "Grid, Stack, Heading, Text" },
{ block: "pricing-band", title: "Pricing band", uses: "Grid, Card, CardHeader, CardTitle" },
] as const;
/* Render them in order, supplying each Block's own data. */