Try the palettes live

Palette

This is the actual HTML composition running in your browser — the same code your agent learns from.

Signature moves

page-turn
The right page lifts from its outer edge and turns over the spine, revealing the next right page; its back becomes the next left page.
type-drop
Headline lines (and masthead letters) rise out of their own masks.
print-develop
Fabric images develop like prints: soft, dark and desaturated, then sharp.
satin-sheen
Silk and satin frames carry a slow light drift.
hairline-draw
Rules under mastheads and above specs draw from the left.
caption-rise
Labels, captions, copy and prices fade up last.
magazine-open
The very first frame: the open spread rises onto the table.

Sound

Minimal fashion-week electronica or solo piano with tape texture; restrained, rhythmic, cool.

Voice

Cool, low, unhurried (≈125 wpm), slight smile. Says collection names like titles; never sells.

What's in the pack

STYLE.md

339 lines: tokens, motion system, 6+ scene recipes, captions, sound, ratios, self-audit.

SKILL.md

Auto-loads in Claude Code when you ask for this look.

palettes.json

4 tested palettes + rules for mapping your brand colours.

showcase.html

A working reference composition of every signature move.

Principle: the page is the frame · turn, don't cut · tall type, quiet margins, one red word

More lifestyle & local styles

Elevations and plans that draw themselves on warm drafting paper, labelled in thin serif.

Dewy pastel skincare films: glass bottles, soft light blooms and floating ingredient chips.

Hand-lettered café films: kraft paper, latte art, chalk menus and rubber stamps.