the engine
Compositions are the engine's vocabulary.
A composition is a section topology — the layout shape a section takes. Banner. Sidebar. Bands. Breakout. Grid. Compositions are family-agnostic: every one of the fourteen families can render every composition. The family supplies the typography and ornaments; the palette colors it; light and dark theme it. The composition just decides where the pieces sit.
the multiplication
One piece of generated content. Thousands of valid outputs.
The engine assembles a website by picking from four independent axes. Each axis multiplies the rest.
= tens of thousands of unique, publish-ready outputs.
catalog
The current topology vocabulary.
Diagrams show the shape. Hover any card to read the one-line caption. The chip at the bottom lists the families that currently route to this topology — those routes evolve as families are polished, so the list is editorial, not fixed.
banner
Banner
Content stacks above a wide image rail.
Used by: active · atelier · aura · authority · bento · cinematic · editorial · kinetic · lab · monolith · neo-brutal · swiss · trade · vital
sidebar
Sidebar
Text column paired with a media column.
Used by: active · atelier · aura · authority · editorial · kinetic · lab · monolith · swiss · trade · vital
bands
Bands
Alternating horizontal bands of copy and media.
Used by: active · atelier · aura · authority · bento · cinematic · editorial · kinetic · lab · monolith · neo-brutal · swiss · trade · vital
breakout
Breakout
A featured module breaks the grid edge.
Used by: active · aura · authority · bento · cinematic · kinetic · monolith · neo-brutal · swiss · trade · vital
grid
Grid
Uniform card grid for collections.
Used by: bento · lab · neo-brutal
feature
Feature
Lead module anchors a supporting grid.
Used by: atelier · cinematic · editorial
float
Float
Main column with floating side cards.
split-ledger-frame
Split ledger frame
Ledger-style frame split into paired panels.
see them in motion
Same composition, every family.
The diagrams above are static. The proof is live: open any subject and try a different family — the composition stays, the skin changes.
your turn