Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
wave-scroll
The waveform strip scrolls left at constant speed under the fixed playhead for the whole clip.
bar-pulse
Every bar pulses between 62% and 100% of its amplitude with its own period (0.33–0.52s) and phase.
voice-envelope
The whole waveform scales with speech: 0.38 idle (cover, end card), 1.0 talking, dips to ~0.5 on pauses and speaker turns.
karaoke-light
Caption words light one by one on their spoken timestamps.
on-air-swap
On a speaker turn the ring and --live border jump to the new speaker in one frame; the old card dims.
rise
Titles, quote lines and cards rise 36px and fade in, lines 0.15s apart.
timecode-tick
The playhead chip counts real clip time.
Sound
Usually none under speech. Show intro/outro sting only: warm Rhodes or upright bass + brushed kit, 4–6 seconds.
Voice
The clip itself. Level to −16 LUFS, de-ess, cut ums and long pauses (> 0.6s) but keep natural breaths. Never re-voice a guest.
What's in the pack
STYLE.md
310 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 voice is the hero · one speaker lit at a time · the waveform never stops
More social & ads styles
Bold Caption Hook
$19Huge word-by-word captions, a hook in second one and punch zooms that hold the scroll.
Y2K Chrome Drop
$19Liquid-chrome type, holographic pastels and star glints for streetwear and product drops.
Before After Slider
$19Split-screen comparisons with a hand-dragged slider, clinical labels and deltas that prove it.