Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
hand-drag
The knob is dragged from 88–94% to 12–18% past the target, returned, then settled at 50%.
touch-grab
Touch ring lands 0.15s before the drag, stays pressed for the whole drag and lifts off on settle.
label-pop
BEFORE then AFTER pills pop in 0.1s apart at scene start.
delta-pop
Delta chips pop only after the handle settles, 0.2s apart, bottom-right.
after-takeover
Scene exit: the handle sweeps to 0% so the AFTER fills the frame, then hard cut.
creep
The subject layer pulls out 1.06→1.00 across the scene, both layers in sync.
delta-count
The stat slab numeral counts to its value.
Sound
Clean, modern minimal-house or downtempo pluck bed; restrained, bright on the reveal.
Voice
Calm, matter-of-fact, mid register, 145–160 wpm. States the timeframe first ('Fourteen days.'), then the result. No hype words.
What's in the pack
STYLE.md
320 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: same frame, one variable · the drag is the reveal · every claim gets a number
More social & ads styles
Bold Caption Hook
$19Huge word-by-word captions, a hook in second one and punch zooms that hold the scroll.
Y2K Chrome Drop
$19Liquid-chrome type, holographic pastels and star glints for streetwear and product drops.
Esports HUD
$19Neon esports broadcast HUD: angular frames, team-vs splits, event feeds and a glitching MVP card.