Mix any Skin with any Voice — and any Chrome
Cartwright keeps content and design orthogonal: a Skin (design pack) owns the layout, a vertical Voice owns the copy, palette, and 3D scene — and the chrome (header + footer) is a swappable part too. Compose any of the 26 Skins with any of the 5 Voices, frame it with any of the 32 chrome parts, and download the whole composition as one portable file.
1 · Pick a Skin
26 designsWebsite skins
Webshop skins
2 · Pick a Voice
3 · Pick a Header
Browse all chrome →Mixable chrome from any design + this Skin’s own. Design-locked chrome appears when you wear its Skin.
4 · Pick a Footer
Fable (flagship · metamorphosis) × Fable (model launch)
moth-illustrationStatic composition preview, rendered from the marketplace manifest — the Voice’s real sample copy in the Skin’s default palette, framed by your chrome picks. Palette-adaptive Skins re-colour to your brand / Voice palette when applied; a live full-page preview is the planned upgrade.
5 · Download the composition
One portable cartwright-composition-v1 file with everything you composed — Skin, Voice, palette, pre-written copy, chrome and scene. Install it on any Cartwright shop.
metamorphosis.composition.jsonCLI install is coming; today, import the file in your shop’s admin (Designs → Import composition — dry-run preview, then one audited apply).
Or scaffold from scratch
Scaffold a store, then pull the Skin in (no scaffold-time design flag yet — install is its own command):
Then apply the Voice in /admin/verticals— it writes the Voice’s identity + copy into the genome, sets the palette, and picks a 3D scene. (Older project missing the preset? npx create-cartwright vertical install fable.)
Or hand it to your agent
Paste this into your store’s admin AI chat (or any MCP client with build scopes) — the magic.compose_look tool composes the whole look in one step:
Apply the "Fable (model launch)" Voice and the "Fable (flagship · metamorphosis)" design to my Cartwright store. Use the magic.compose_look tool with { vertical: "fable", design: "fable" } — one audited step that re-tones the copy, sets the palette + 3D scene, and switches the active design.Recipe: skin:fable × voice:fable — this page’s URL is shareable.
How it works in a real shop
The same composition, one audited step
In your store's admin, the Page Mixer drives a live engine preview of exactly this — and applying it for real is one step: pick the design in /admin/designs, apply the Voice in /admin/verticals, or let a build agent call magic.compose_look from a one-line prompt. The Voice's genome overrides are pre-written, so composing is instant and on-brand — no LLM in the render path.