Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
slam-cut
Hard cut to a giant word that snaps from 132% to 100% scale, then the card shakes for three frames on impact.
split-slide
The top half of a word slides in from the left and the bottom half from the right, locking into one word.
mask-up
Labels and rows rise out of an invisible slot.
invert-hit
On a downbeat the frame flips to ink background with bg-coloured type for 1–2 beats.
strike
An accent bar slams across a word a quarter-beat after it lands.
word-ladder
Stacked full-width rows; the accent fill steps down one row per 8th note, the last row holds.
zoom-lock
The wordmark lands from 260% scale onto its final size for the end card.
count-slam
Stats count up fast and stop on the beat.
push
Held lockups creep forward so a long card never feels frozen.
Sound
Driving percussion-forward track: punchy kick, claps/snaps, distorted bass or brass stabs; drops on the downbeats. Electronic, hip-hop or rock — but the beat must be obvious.
Voice
Optional. If used: one confident voice, ≈160 wpm, read in rhythm with the cuts — one word or phrase per card, no filler. Or a chant/crowd stem on the hero words.
What's in the pack
STYLE.md
370 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
5 tested palettes + rules for mapping your brand colours.
showcase.html
A working reference composition of every signature move.
Principle: the word is the image · cut on the beat · one accent, no mercy
More brand & cinematic styles
Cinematic Trailer
$29Black frames, wide-tracked serif title cards, flash cuts and light-leak bursts — launches as events.
Art Deco Gala
$19Gold geometric frames, unfolding sunbursts and opening fans on black and emerald.
Bauhaus Shapes
$19Primary circles, squares and triangles that assemble into grid-locked layouts.