Taste,
measured.

One of ten directions, at one of three volumes.

Engineered Dark, Ledger Light, Warm Paper and seven more, each a full recipe of tokens, fonts, hero and section order. Then a register (Quiet, Confident or Loud) and five range axes, so two sites from the same skill never look alike.

Fourteen lines, before a single div.

DIRECTION  6 Cinematic Place, the fjord is the hero
REGISTER   Quiet, space does the work
TYPE       Fraunces 250 · Inter Tight 400 · Plex Mono
PALETTE    paper #F3F1EC · ink #1F2A44 · accent #B8432F
HERO       H5 monumental word over the subject
MOTION     (.16,1,.3,1) · UI 200ms · reveal 900ms
VOICE      “Fourteen rooms. One fjord.”

Every value comes from a token.

A starter tokens.css with a fluid type scale, text-style bundles, a spacing ladder, one house ease and reduced motion built in. Plus motion.js: reveals, split text, tickers, letter-roll and scroll-spy, with no dependencies.

--display: clamp(2.5rem, 1.3rem + 3.2vw, 4.5rem);
--display-ls: -0.03em;  --display-wt: 500;
--ease: cubic-bezier(.16, 1, .3, 1);
--t-ui: 240ms;  --t-reveal: 850ms;

15 hero archetypes. 22 section patterns. 60 techniques.

Each one traced to a live site: the index as hero, the monumental word, the product rebuilt in HTML, sticky stacking cards, the live ticker. The agent picks two or three and builds one motif through all of them.

Craft lives in the boring places.

• Tracking scales with size, labels go positive
• Two-tone headings, one ink at two opacities
• One radius camp, optical button padding
• Mobile recomposed at 390px, not shrunk
• A live clock, a status line, a designed 404

A script that measures the build like we measured the studios.