Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
word-pop
Each word appears exactly on its spoken syllable: scale 0.5→1.16→1 with opacity 0→1.
active-box
The highlighter box snaps in behind the current word and leaves on the next word's first frame.
hook-slam
Hook slabs drop in from 1.9× with a slight overshoot, 0.12 s apart, all landed before 0.6 s.
punch-zoom
The camera layer jumps 12–16% tighter on an emphasis word or a new beat, in 0.1 s.
stair-punch
List beats escalate: each beat punches tighter than the last (1.04 → 1.2 → 1.36) with a ±3% re-frame.
count-slam
A stat number slams in at 36cqw and counts up in 0.5 s with a snap ease, highlight fill.
tap-follow
End-card button gets pressed: tap ring expands, button squashes to 0.88 and flips to Following.
Sound
Lo-fi trap or bouncy minimal hip-hop bed, dry drums, ducked hard under voice. Energy builds only at the end card.
Voice
Direct-to-camera creator voice, conversational, fast (165–185 wpm), no announcer tone. First word lands at 0.0–0.15 s — never a breath before the hook.
What's in the pack
STYLE.md
394 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: hook in second one · one word is always lit · cut, punch, never drift
More social & ads styles
Y2K Chrome Drop
$19Liquid-chrome type, holographic pastels and star glints for streetwear and product drops.
Before After Slider
$19Split-screen comparisons with a hand-dragged slider, clinical labels and deltas that prove it.
Esports HUD
$19Neon esports broadcast HUD: angular frames, team-vs splits, event feeds and a glitching MVP card.