Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
stamp
The primary entrance. Element falls onto the page from 1.4× and +7° rotation, slightly over-compresses (0.965) on impact, then settles at its tilt.
slap
Stickers and starbursts spin on from −50° and 0 scale with an 8% overshoot — the only overshoot allowed.
press
Buttons push into their shadow: translate 12px/12px while the shadow collapses to 0, hold 2 frames, release.
panel-wipe
Scene change: a full-height solid colour panel with 12px ink edges crosses right→left; the scene swaps while it covers the frame.
marquee
Strips scroll forever at a constant speed; top and bottom strips run in opposite directions.
check-strike
Tasks get ticked: checkbox stamps blue, the check mark snaps in, a 7px ink strike bar wipes across the text.
bar-grow
Comparison bars grow from the left edge, the hero bar last.
Sound
Punchy indie-pop / garage-rock loop or chopped breakbeat, hand claps, bright bass. Confident, a little cheeky.
Voice
Deadpan, quick, a little smug (≈160 wpm). Short declaratives. Say the price plainly; never shout.
What's in the pack
STYLE.md
396 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: outline everything · shadows are solid objects · stamp it, don't fade it
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.
Before After Slider
$19Split-screen comparisons with a hand-dragged slider, clinical labels and deltas that prove it.