Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
letter-pop
Echo-type letters pop up one by one from below, tilted, with overshoot.
groove-sway
Landed letters keep swaying in a travelling wave, like a bassline.
rainbow-rise
Rainbow discs bounce up from the bottom edge, outermost first.
sun-spin
Sunburst rays rotate continuously behind the focal point.
wave-flow
Wavy stripes scroll one wavelength per cycle so they appear to flow.
badge-flip
Scalloped badge spins in from −120deg at scale 0, then keeps turning slowly; its ring text counter-rotates.
sticker-slide
Pills slide in from the left with a −6deg tilt that settles.
stripe-wipe
Four slanted colour bars (ink, orange, mustard, avocado — 650px each, −14deg) sweep across; the cut happens under them.
Sound
Original funk/soul groove: wah guitar, warm bass, Rhodes, congas, light strings on the hook. Analogue warmth, slight tape saturation.
Voice
Warm, smiling, laid-back radio-DJ delivery, mid-low, 130–145 wpm. A little swing in the phrasing; never rushed.
What's in the pack
STYLE.md
402 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 sways · warm on warm · echo the type, round the edges
More retro styles
Atomic Midcentury
$191950s atomic-age optimism: starbursts, boomerangs, kidney shapes and jaunty script in turquoise and tangerine.
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.