Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
frame-draw
The gold frame draws from the top centre down both sides at once and meets at the bottom.
sunburst-unfold
Rays fan open from the horizon like a rising sun.
fan-open
Blades rotate out from the centre, outermost first by 0.03s, then the hub seals it.
settle
Deco lettering arrives wide and tightens into place.
gold-sheen
A pale-gold band crosses gold lettering once it is legible.
mirror-in
Paired elements arrive from opposite sides simultaneously.
elevator-doors
Scenes change behind closing doors.
Sound
1920s-flavoured jazz or swing: muted trumpet, upright bass, brushed drums, stride piano; or modern electro-swing at a polite volume.
Voice
Optional; warm, theatrical, mid-Atlantic master-of-ceremonies delivery (≈130 wpm); 'Ladies and gentlemen…' energy without parody.
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
5 tested palettes + rules for mapping your brand colours.
showcase.html
A working reference composition of every signature move.
Principle: symmetry is the law · gold draws, never floods · every reveal is an entrance
More brand & cinematic styles
Cinematic Trailer
$29Black frames, wide-tracked serif title cards, flash cuts and light-leak bursts — launches as events.
Bauhaus Shapes
$19Primary circles, squares and triangles that assemble into grid-locked layouts.
Documentary Grain
$19Film grain, letterbox, archival prints and lower thirds that tell true stories slowly.