Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
veil-rise
Primary entrance for serif type: emerges from a soft veil — opacity, a 14px rise and 6px blur resolving together.
letter-breath
Tracked capitals exhale into place: letter-spacing contracts from 1.1em to 0.5em as they fade in.
hairline-draw
Gold rules draw from the centre (or towards the text they introduce).
gold-sheen
One highlight band glides across the gold-text word once, after it has settled.
line-art
Products draw stroke by stroke: silhouette, then structure, then facets, then a single glint.
slow-push
Every scene's content layer pushes in 3.5% over its life — never a cut-in.
dip-to-black
Scenes hand over through black: the outgoing scene fades out, a beat of darkness, the next fades in.
serif-count
Stats count up in lining serif numerals out of a blur.
Sound
Intimate and cinematic: solo piano or cello, sustained strings, soft felt textures, a breath of room reverb. Sparse; silence is allowed.
Voice
Optional, low and unhurried (≈120 wpm), close-mic, French or English accent acceptable; long pauses. Or no VO at all — let type carry it.
What's in the pack
STYLE.md
386 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
5 tested palettes + rules for mapping your brand colours.
showcase.html
A working reference composition of every signature move.
Principle: space is the luxury · gold is a line, never a fill · move slower than you dare
More brand & cinematic styles
Cinematic Trailer
$29Black frames, wide-tracked serif title cards, flash cuts and light-leak bursts — launches as events.
Art Deco Gala
$19Gold geometric frames, unfolding sunbursts and opening fans on black and emerald.
Bauhaus Shapes
$19Primary circles, squares and triangles that assemble into grid-locked layouts.