Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
pop
Badges, sparkles, bullets and CTAs spring from nothing with a twist.
jaunty-in
Script words swing in from lower-left and settle on their −4deg tilt.
toast-pop
The product's 'moment': something pops up out of the product (toast, cap, lid, card) with overshoot; the body wobbles ±2.5deg once.
orbit
Electrons ride their ellipses forever; sparkles twinkle forever.
boomerang-throw
Boomerangs fly in from off-frame, spinning 1.5 turns on the way, and land at an angle.
rise
Panels, eyebrows and body copy rise 34px into place.
starburst-wipe
Scene change: a 12-point badge spins up from the centre to cover the frame (scale 0→19, rotate 60deg), the cut happens at the peak, then it spins away.
count-up
Stat numerals tick up inside a badge ring.
Sound
Space-age bachelor pad / exotica lounge: vibraphone, muted trumpet, bongos, walking upright bass, a theremin or wordless choir 'ooh' for the atomic moments. Cheerful, swinging.
Voice
Mid-century announcer: bright, warm, smiling, 150–165 wpm, crisp consonants, a little sing-song on the product name. Short punchy lines.
What's in the pack
STYLE.md
332 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 future is cheerful · everything orbits the product · one script word, one big shape
More retro styles
Comic Pop Halftone
$19Comic-book energy: slammed panels, halftone dots, speech balloons and KRAKOOM-size action bursts.
Eight-Bit Arcade
$19Pixel-perfect attract-mode energy: stepped motion, blinking PRESS START and scores that roll.
Groovy 70s
$19Sunburst warmth, rainbow arcs and wobbly echo type that grooves on the beat.