Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
flicker-on
A sign stutters to life: on, off, on, half, then full — every state change is a hard step, never a fade.
hum
Once lit, each tube dips twice in quick succession every few seconds, desynced between signs.
tube-draw
Line-art draws itself along the tube path like gas filling it.
price-slash
The pink tube strikes the old price, sputters once, and the old price dims; the new price counts down from the old value in 0.7s.
sticker-stamp
Doorbuster stickers and chips slap onto the wall from 1.9× scale with an overshoot, then the burst spins slowly.
blackout-cut
Scene change: the whole frame drops to --bg for a few frames and stutters back on the new scene.
tick
Countdown seconds step down once per second; colons blink at 1 Hz.
Sound
Dark synthwave / electro-house: pulsing bass, gated snare, arpeggiated synth. Driving and nocturnal, no vocals.
Voice
Low, cool, late-night radio host (≈150 wpm). Short lines, drop the price like a secret. Never shouting.
What's in the pack
STYLE.md
340 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 signs are the only light · flicker on, then hold steady · one deal per frame
More festive & seasonal styles
Back to School
$19Bright primaries on ruled notebook pages — pencils slide in, tabs pop, report cards check off.
Eid Crescent Glow
$19Night blue and gold: a glowing crescent, hanging lanterns and blooming star patterns for Eid.
Festival of Lights
$19Glowing diyas, blooming rangoli and marigold gold for warm festive greetings and sales.