Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
donut-sweep
Segments draw clockwise one at a time from 12 o'clock, each taking time proportional to its share; the total counts up across the whole sweep.
chip-float
Category rows/chips float up as their segment begins, so colour and label arrive together.
ring-fill
Goal rings sweep to their % while the number counts; cards fill 0.15s apart.
card-lift
Cards rise softly into place.
bubble-wipe
The next scene grows out of a soft circle from a corner (or the centre for the end card).
blob-drift
Background blobs drift and breathe forever.
Sound
Warm lo-fi or soft acoustic: brushed drums, Rhodes, light guitar; unhurried.
Voice
Friendly, unhurried money coach (≈140 wpm), encouraging, never judgemental.
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: calm beats clever · one category, one colour, everywhere · round everything
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.
Editorial Data Story
$19Newsprint, serif headlines and charts that draw themselves — data journalism in motion.