Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
anticipation-wiggle
The closed box hops and wobbles twice — something alive inside.
lid-lift
The lid rises 70px with a small tilt, then tumbles up and off to the top-right and disappears.
light-pour
Glow bloom and rays scale out of the opening as the lid clears.
product-rise
The product rises out of the box with a slight overshoot, then floats.
confetti-burst
Pieces fan upward from the opening, hang, then fall with gravity and fade.
tag-swing
The price tag drops in on its string and swings to rest.
stamp-seal
Ships-free stamp slams in rotated.
camera-slide
After the reveal the whole set slides left to make room for copy.
Sound
Playful, bright pop with plucks and claps; a riser under the anticipation, a hit on the lid, a full bar on the reveal.
Voice
Warm, delighted, conversational (150–165 wpm). Ask the question on the cover, stay silent through the reveal, name the product on the first float.
What's in the pack
STYLE.md
305 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: anticipation before reveal · the product is the light source · celebrate once, then sell
More social & ads styles
Bold Caption Hook
$19Huge word-by-word captions, a hook in second one and punch zooms that hold the scroll.
Y2K Chrome Drop
$19Liquid-chrome type, holographic pastels and star glints for streetwear and product drops.
Before After Slider
$19Split-screen comparisons with a hand-dragged slider, clinical labels and deltas that prove it.