Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
line-rise
Headline lines rise out of their own masks.
chip-drop
Date/time chips drop from above with a small overshoot, in reading order.
ticket-tilt
The ticket swings in from the right and settles at −5°.
avatar-ring
Avatars pop, then their accent ring draws clockwise.
countdown-tick
Seconds advance every second; each tick dips the tile 4px and flashes the lower half.
cta-pulse
Two rings expand from the CTA in a loop.
push
Default transition: the current scene slides out left as the next slides in from the right.
iris-ring
Final ask: the next scene opens inside an expanding --accent ring centred on the CTA.
Sound
Upbeat modern electronic-pop: clean plucks, side-chained pads, four-on-the-floor kick; optimistic, no vocals.
Voice
Friendly host: warm, upbeat, ≈ 155 wpm; says the date, time and zone clearly, repeats the ask at the end.
What's in the pack
STYLE.md
328 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 facts are the design · one ask, repeated · when, who, why — in that order
More business & news styles
Coaching Results Ad
$19Celebrate verified student progress with bold cards and a clear enrollment path.
Corporate Trust Blue
$19Clean, confident corporate blue for B2B stories, briefings and internal comms.
Hiring Culture
$19Warm, human recruiting videos: team frames, flipping value cards and a spinning hiring badge.