Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
sticker-pop
Bouncy entrance with overshoot and a rotational wobble — the defining move.
tape-slap
Washi tape is pressed down from one end: grows along its length while settling from 1.25× thickness.
write-on
Handwritten notes reveal left-to-right in 14 stepped chunks, like a pen moving.
scribble-draw
Arrows, circles and underlines draw on; arrowheads draw after the shaft.
sticker-wobble
Landed stickers breathe: ±1.6° rotation and a 4px lift on desynced 2.2 s loops.
table-drift
The whole table drifts slightly during each scene, like a phone camera over a desk.
tidy-up
Scene exit: everything shrinks to 0.9 and fades in 0.2 s, clearing the table for the next pop.
Sound
Sunny ukulele / glockenspiel / hand-clap pop, light and bouncy, or a lo-fi kitchen beat with a whistled melody.
Voice
Friendly owner-next-door voice, smiling, relaxed (≈150 wpm). Contractions, small asides ('honestly, it's so fluffy').
What's in the pack
STYLE.md
385 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: everything is a sticker · bounce on, never slide · the hand is always present
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.