Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
scan-wipe
Next segment revealed left→right behind an amber scan-line.
draw-line
Charts draw themselves; area fill reveals in sync; end dot pops and pulses.
candle-pop
Candles and volume bars build left→right.
tick-count
Prices, indices and % changes count to their value, decelerating hard.
flash-tick
Landed values flash their direction colour once.
mask-rise
Headlines slide up out of a mask line.
row-cascade
Table rows rise in sequence; their bars grow from the centre axis.
tape-scroll
Ticker tape scrolls at a constant ≈ 100–130 px/s.
Sound
Driving news-bed: tight electronic percussion, pulsing synth bass, rising string stabs between segments. Confident, never frantic.
Voice
Anchor delivery: clear, authoritative, mid-range, 165–180 wpm, numbers spoken precisely ('one forty-two eighty-six'). Neutral — never hype gains or dramatise losses.
What's in the pack
STYLE.md
397 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 data is the hero · up is green, down is red, nothing else is · always live
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.