Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
glitch-in
Text and frames arrive in 5 stepped slices with an RGB split (team-b left, team-a right) that resolves to clean.
split-slam
Team halves slam in from both sides and lock on the seam; the seam flashes --ink.
chamfer-draw
Neon frame outlines draw around their chamfer path before content appears.
feed-push
New event rows slide in from the right; existing rows step down one slot.
count-glitch
Numbers tick to their value in visible steps, like a HUD refreshing.
slice-wipe
Scene change: 8 horizontal bars (team-a, bg, team-b, bg …) shoot across from alternating sides, hold, and exit; cut while all cover.
edge-pulse
Neon edges breathe while held.
Sound
Hard-hitting electronic: midtempo bass or hybrid trap with risers, glitch stutters and big drops on the team reveal and MVP.
Voice
Hype caster: fast (≈ 175 wpm), punchy, names emphasised; lower and slower for the MVP line.
What's in the pack
STYLE.md
326 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: two teams, one seam · every edge glows · the feed never lies
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.