Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
strap-build
Lower thirds assemble in layers: stub drops, name bar wipes out of the stub, name rises from its mask, strap wipes underneath, strap text rises.
strap-exit
Reverse of the build, faster: text drops, bars retract to the stub, stub falls.
breaking-slam
The breaking banner opens vertically from its centre line with an --ink flash line, label starts flashing, headline flips in.
headline-flip
Banner and strap text updates rotate like a flipper board instead of fading.
live-tick
The clock ticks once per second; the LIVE dot blinks at 1 Hz.
crawl
The ticker scrolls at a constant 120 px/s and is never paused or eased.
map-zoom
Map inset frames in, the map zooms from 1.6→1, the pin drops and pulses, the label wipes in.
ident-wipe
Package or segment change: the skewed band slab with the logo sweeps across; cut underneath at the midpoint.
Sound
News bed: driving staccato strings or synth pulses, timpani hits on idents, constant 16th-note tick; urgent, never melodic under VO.
Voice
Anchor/correspondent delivery: crisp, neutral accent, ≈ 165 wpm, falling intonation, names and places stressed; no hype.
What's in the pack
STYLE.md
332 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: footage first, graphics frame it · every layer has a job · always live
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.