Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
elevation-draw
The building draws itself in construction order: ground → main volume → roof → wing → glazing → deck → trees → dimension line.
wash-in
Once the outlines are ~70% drawn, colour floods in left→right like a watercolour wash.
quiet-rise
Text entrance: 24px rise and fade, long settle.
spec-count
Spec numerals count from 0 with a long deceleration; icon draws 0.15s before.
digit-rise
Price characters rise out of their masks one by one.
pin-settle
The pin falls onto the lot, squashes slightly and sends two ripples.
slow-push
Each scene's content layer pushes in 4% across its life.
Sound
Modern neo-classical: felt piano, soft strings, warm pad; spacious, no drums or a light brushed pulse.
Voice
Measured, warm, mid-low register, unhurried (≈125 wpm). Present facts plainly; never superlatives stacked.
What's in the pack
STYLE.md
331 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: draw before you show · one fact at a time · calm is the luxury
More lifestyle & local styles
Architecture Lines
$19Elevations and plans that draw themselves on warm drafting paper, labelled in thin serif.
Beauty Glow Dew
$19Dewy pastel skincare films: glass bottles, soft light blooms and floating ingredient chips.
Coffee House Craft
$19Hand-lettered café films: kraft paper, latte art, chalk menus and rubber stamps.