Try the palettes live

Palette

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

Signature moves

type-steps
Commands type themselves one character per step; the cursor rides the end of the text and stays solid while typing.
stream-print
Output lines appear instantly, one after another, like a real process writing to stdout. Never fade or slide.
cursor-idle-blink
Block cursor is solid while typing and blinks once the shell is idle.
meter-fill
Segmented meters fill cell by cell; in a race the winner finishes almost instantly while the loser crawls.
decimal-timer
Hero numbers tick like a stopwatch in tenths instead of easing.
word-print
Grotesk headlines print word by word (no fade), 70ms apart.
window-pop
The only eased move: windows arrive 22px low at 98.5% scale and settle.
clear-cut
Scenes change with a hard cut, like running `clear`. The status-line tab switches on the same frame.

Sound

Minimal electronic with a dry, clicky groove — muted plucks, tight kick, short hats, a low synth bass. Restrained, no drops, no vocals.

Voice

Engineer-to-engineer: dry, precise, slightly wry, ≈150 wpm. Read commands literally ('orvik deploy, dash dash prod'). No hype words.

What's in the pack

STYLE.md

399 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 terminal is the hero · nothing fades, everything prints · one command per scene

More product & saas styles

A CSS-3D product turning in a dark studio, rim light sweeps and spec callouts on leader lines.

Dark, glowing launch energy for SaaS and developer tools.

Prompts that type, answers that stream and deliverables that develop — for AI product launches.