Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
power-on
After a blackout the new board lights row by row from the top: a dot-field cover shrinks downward in quantised steps.
led-count
Scores and KPIs count in visible LED frames, not smoothly.
rank-flip
Rows that change rank flip edge-on (rotateX 0→88°, swap content, −88°→0); rows flip top to bottom.
row-flash
The row that climbed flashes an amber wash and its ▲n blinks four times.
record-flash
NEW RECORD and its rays blink on/off three times, then hold; the record value counts up under it.
crawl
The bottom ticker never stops, across every board.
Sound
Arena energy: stomp-clap drums, big brass stabs or synth hits, crowd ambience; drops on the record.
Voice
Stadium announcer energy but clear and warm (≈160 wpm); names stretched slightly; celebrate, never mock.
What's in the pack
STYLE.md
341 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: everything is lit, nothing is smooth · numbers step, never glide · celebrate the record
More data & finance styles
Annual Report Navy
$19Corporate annual-report films: navy and white, big numbers, clean charts, year-over-year.
Crypto Neon Grid
$19Neon cyber charts over a running perspective grid: glowing candles, wallet cards, hex accents.
Donut Pastel Finance
$19Calm pastel money videos: donut charts that sweep in, category chips and savings-goal rings.