Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
supply-slide
Pencils, rulers and cards slide in from off-frame along their own axis and settle with no bounce.
pen-write
Handwritten notes and pen strokes write themselves left→right.
tab-snap
Sticky tabs shoot in from the right edge and snap to a slight tilt.
check-off
Report-card rows: checkmark draws, then the grade stamps.
measure-count
Stat counts up while a red marker slides along the ruler to the same value.
page-flip
Scene exit: the page lifts from the bottom and flips up over the spiral wire, revealing the next page already in place.
Sound
Upbeat indie-pop: ukulele or bright guitar, hand claps, glockenspiel, light kick; optimistic, major key.
Voice
Friendly, energetic teacher-meets-older-sibling; clear diction, ≈150 wpm; lists read with a beat between items.
What's in the pack
STYLE.md
333 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 page is the stage · everything slides in like real supplies · tick it off
More festive & seasonal styles
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.
Festival of Lights
$19Glowing diyas, blooming rangoli and marigold gold for warm festive greetings and sales.