Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
roll-in
The circle rolls in from off-frame along its row.
drop
The square falls down its column and stops dead.
pivot
The triangle swings 90° up from its bottom-left corner.
sweep
The quarter-disc fills like a fan opening.
recompose
All shapes travel and re-scale at once to the next layout — the scene transition.
grid-type
Words rise out of their module row or slide along it from the left.
step-count
Numerals count in whole steps — one step per unit.
Sound
Playful minimal: marimba, upright piano or plucked synths in strict rhythm; or mechanical percussion (wood blocks, claps). Clean, dry, no reverb tails.
Voice
Optional, clear and friendly-precise (≈150 wpm), short declarative sentences; pauses land with shape moves.
What's in the pack
STYLE.md
341 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 grid decides · shapes before words · nothing is decoration
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.
Documentary Grain
$19Film grain, letterbox, archival prints and lower thirds that tell true stories slowly.