Try the palettes live

Palette

This is the actual HTML composition running in your browser — the same code your agent learns from.

Signature moves

serve-slide
A plate or card is set down on the table: it travels in from off-frame along a diagonal while unrotating, decelerating hard.
garnish-drop
Basil, cheese and zest fall onto the plate after it lands.
tag-swing
The price tag drops in on its string and swings to rest like a damped pendulum.
steam-rise
Wisps draw on from the plate, rise and draw off the top; three wisps 0.4s apart, looping.
menu-rise
Text lines rise gently into place, line by line.
leader-draw
Dotted leaders reveal left→right after the dish name lands.
clear-table
Scene exit: the whole table slides 70px left and fades, like a waiter clearing.

Sound

Acoustic trattoria: nylon guitar, upright bass, brushed snare, accordion or mandolin melody; warm and walking.

Voice

Warm owner or chef, smiling, unhurried (≈135 wpm). Name dishes lovingly; pause 0.3 s before every price.

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: serve, don't slide · one hot plate per frame · the menu speaks softly, the price swings

More lifestyle & local styles

Elevations and plans that draw themselves on warm drafting paper, labelled in thin serif.

Dewy pastel skincare films: glass bottles, soft light blooms and floating ingredient chips.

Hand-lettered café films: kraft paper, latte art, chalk menus and rubber stamps.