Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
ink-in
Type settles onto the page like ink: fades in while letter-spacing tightens and a slight blur clears.
rule-draw
Rules draw outward from their centre (frames draw along their path).
sheet-lift
Paper sheets rise 24px into place as their shadow tightens.
leader-draw
Contents leaders run from entry to page number after the entry inks in.
slow-count
Figures count up with a long, gentle deceleration.
seal-press
The wax seal is pressed: it descends slightly large and soft-shadowed, then sits tight with a tiny settle.
rule-reveal
Section change: a gold hairline travels down the page, revealing the next page above it.
guilloche-turn
The rosette turns almost imperceptibly.
Sound
Chamber strings or solo piano: slow, warm, restrained — a string quartet adagio or sparse piano with soft room reverb.
Voice
Senior partner register: calm, low, unhurried (≈ 125 wpm), precise diction, received or neutral accent; pauses of 0.6s between sentences.
What's in the pack
STYLE.md
333 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: gravity over flourish · every line is ruled · nothing hurries
More business & news styles
Coaching Results Ad
$19Celebrate verified student progress with bold cards and a clear enrollment path.
Corporate Trust Blue
$19Clean, confident corporate blue for B2B stories, briefings and internal comms.
Hiring Culture
$19Warm, human recruiting videos: team frames, flipping value cards and a spinning hiring badge.