Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
light-sweep-reveal
The film opens black; a light beam crosses left→right as the veil withdraws and the object resolves from silhouette while already turning (rotateY −78° → −32°).
turntable-turn
Between scenes the object turns 40–55° and travels to its next mark in the same 0.8s glide; the floor, contact shadow and key glow travel with it.
rim-sweep
A highlight band slides across the front face during every turn — the light 'catches' the product.
leader-draw
Point pops (0.35s), leader draws from the product outward (0.5s glide), label fades up 24px; callouts 0.2s apart, clockwise from top-left.
whisper-up
All text: rise 24px, unblur 6px, fade in. Light weights only.
thin-count
A thin (weight 200) numeral counts up while battery cells fill one by one.
Sound
Cinematic minimal: sub-bass swell, soft analogue pulse, airy pads, a single piano motif. Space between notes.
Voice
Low, intimate, unhurried, ≈125 wpm. Short sentences with long pauses; let the product breathe.
What's in the pack
STYLE.md
330 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 object never leaves · light reveals, type whispers · one turn per idea
More product & saas styles
Midnight Gradient Launch
$19Dark, glowing launch energy for SaaS and developer tools.
AI Chat Reveal
$19Prompts that type, answers that stream and deliverables that develop — for AI product launches.
API Docs Light
$19Crisp developer-docs videos: sidebar nav, syntax-coloured code and JSON that unfolds.