Chrome · headers & footers

Mix any chrome

The frame around every page is a part too: 16 headers and 16 footers from the engine's chrome registry. 14 of them are mixable — selectable on ANY design — while the signature premium chrome stays locked to the design it was drawn for. Compose them in the Mixer, set them in /admin/designs, or ship them in a composition file.

Mix anywhere

Selectable on any design — atom-composed design chrome plus the neutral engine parts.

Studio header preview

Studio header

mixable
design: studiomotif: bloom-illustration
Apex header preview

Apex header

mixable
design: apexmotif: orbit-mark
Jungle header preview

Jungle header

mixable
design: junglemotif: vine-divider
Fable header preview

Fable header

mixable
design: fablemotif: moth-illustration
Stillwater header preview

Stillwater header

mixable
design: stillwatermotif: mountain-illustration
stillwater-headerUse in the Mixer →

Minimal header (mark + 3 links + CTA)

mixable
neutral · engine part
minimal-headerUse in the Mixer →

Centered header (name above, centered nav)

mixable
neutral · engine part
centered-headerUse in the Mixer →

Design-locked

Signature chrome that only renders on its own design — bespoke typography and motifs that don’t translate. The Mixer offers these when you wear the matching Skin.

Halo header preview

Halo header

locked to Halo (minimal product luxury)
design: halo
Flux header preview

Flux header

locked to Flux (vibrant gradient SaaS)
design: flux
Drive header preview

Drive header

locked to Drive (full-bleed automotive)
design: drive
Aerospace header preview

Aerospace header

locked to Aerospace (cinematic deep-tech)
design: aerospace
aerospace-headerUse in the Mixer →
Engineered header preview

Engineered header

locked to Engineered (dark-luxe agency)
design: engineeredmotif: lattice-mark
engineered-headerUse in the Mixer →
Nocturne header preview

Nocturne header

locked to Nocturne (dark organic, 3D)
design: nocturnemotif: constellation-mark
nocturne-headerUse in the Mixer →
Meridian header preview

Meridian header

locked to Meridian (crisp modern SaaS)
design: meridianmotif: comet-mark
meridian-headerUse in the Mixer →
Editorial Ink header preview

Editorial Ink header

locked to Editorial Ink (magazine / publication)
design: editorial-inkmotif: prism-mark
editorial-ink-headerUse in the Mixer →
Brutalist header preview

Brutalist header

locked to Brutalist (raw / mono)
design: brutalistmotif: sunburst-mark
brutalist-headerUse in the Mixer →

How it works

Chrome is governed data, not a fork

Picking a header or footer writes one small setting (chromeJson) — the design, palette and copy stay untouched, and unset always means the design's own default. Agents set it with the audited chrome.set tool; compositions carry it as { chrome: { headerKey, footerKey } }.