Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
grid-run
The floor scrolls toward camera forever; it is the heartbeat and never pauses.
warp-in
Panels and titles arrive from depth: scale .92→1, blur 8→0, opacity 0→1.
candle-build
Candles grow one by one left to right, wicks fade in, volume bars rise in sync; the moving average draws after.
price-count
Price counts from the first open to the last close with tabular mono digits and neon glow.
hex-pulse
A glowing hexagon ring expands from centre through the frame and rotates 30° while the old scene warps out.
hex-fill
Progress shown as a hexagon stroke filling clockwise.
Sound
Darksynth / outrun: gated drums, arpeggiated bass, wide analog pads. Driving, not aggressive.
Voice
Confident, slightly cool host; clear diction, ≈150 wpm. Never hype price; describe what happened.
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: the grid never stops · data glows, chrome doesn't · every number is labelled illustrative
More data & finance styles
Annual Report Navy
$19Corporate annual-report films: navy and white, big numbers, clean charts, year-over-year.
Donut Pastel Finance
$19Calm pastel money videos: donut charts that sweep in, category chips and savings-goal rings.
Editorial Data Story
$19Newsprint, serif headlines and charts that draw themselves — data journalism in motion.