Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
sun-up
The sun spins up from nothing; its rays keep turning.
wave-roll
Three wave bands slide up into place, then roll at three speeds and two directions forever.
ball-bounce
The beach ball drops in, bounces four times with decaying height, squashes on each contact and rolls to rest; its shadow grows and shrinks with height.
retro-pop
Headlines pop in word by word from 30% scale with overshoot, tilted −4°.
umbrella-open
The umbrella plants into the sand, then the canopy snaps open.
tag-swing
Sale tags fly in from the right, then swing on their hole and settle.
price-strike
The old price gets a coral strike, then the new tag swings in.
Sound
Sunny surf-pop / tropical house: clean electric guitar, steel drum or marimba hook, handclaps, bright bass. Happy, summery, no vocals.
Voice
Bright, upbeat, smiling (≈155 wpm). Short punchy lines: 'Sun's out. Prices down.'
What's in the pack
STYLE.md
327 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: sun up, prices down · everything bounces once, then plays · bold shapes, flat colour
More festive & seasonal styles
Back to School
$19Bright primaries on ruled notebook pages — pencils slide in, tabs pop, report cards check off.
Black Friday Neon
$19Neon tube signs flickering to life on a dark brick wall — doorbusters, slashed prices, live countdowns.
Eid Crescent Glow
$19Night blue and gold: a glowing crescent, hanging lanterns and blooming star patterns for Eid.