Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
pen-write
Script lettering reveals left→right in stepped chunks, like a nib moving.
latte-pour
Foam blooms from the centre, then layers push in from the near side; a crema pull-through line draws last.
stamp-thump
A rubber stamp drops from above the paper and presses down with one small rebound.
chalk-write
Chalkboard rows write on like the sticker write-on but with fewer, chunkier steps; doodles draw after.
set-down
Cups and boards are placed onto the table from just above camera.
bean-scatter
Beans tumble onto the paper around a cup.
slow-swirl
Finished latte art rotates 14° over 6 s as if the cup was nudged.
Sound
Lo-fi café jazz: brushed kit, upright bass, Rhodes, nylon guitar; gentle swing.
Voice
Barista-next-door: warm, relaxed, a little playful (≈140 wpm). Names drinks like friends; never salesy.
What's in the pack
STYLE.md
339 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: made by hand · one cup, one script line, one stamp · nothing is printed perfectly
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.
Eco Green Leaf
$19Sustainability stories on recycled paper: sprouts that grow, leaves that sway, impact that counts.