From the lab · the system on one page

Styleguide.

Everything on this page is read live from the site's own tokens, so it cannot drift from what ships. One family, one ramp, a few colors, and the rules the tiles are drawn by.

Type

Switzer, the single family since May 2026. Weights 400 and 600, nothing else.

--text-2xl
The record so far
--text-xl
The record so far
--text-lg
The record so far
--text-md
The record so far
--text-base
The record so far
--text-sm
The record so far
--text-xs
THE RECORD SO FAR
Color

White paper, a gray ramp for ink, and two warm accents spent sparingly. The highlight is not a color: it is the accent laid under the bottom third of a line.

Like this, held back for what matters.

  • --gray-900
  • --gray-700
  • --gray-600
  • --gray-400
  • --gray-100
  • --border
  • --bg
  • --accent
  • --accent-burnt
  • --rec-now

Flip the theme: every value on this page changes with it.

Space
  • --space-xs
  • --space-sm
  • --space-md
  • --space-lg
  • --space-xl
  • --space-2xl
  • --space-3xl
  • --space-4xl
  • --space-5xl
  • --space-6xl
Form
--radius-sm
--radius
--radius-pill
--elev-1a little lift
--elev-2held above the page

Boundaries are hairlines, never heavy cards. Motion runs from --dur-micro to --dur-morph , one ease .

The tiles

A tile shows the artifact itself, drawn in CSS: dark screen, real words, the artifact filling the frame, the product caught mid-action. Under glass at rest, awake on hover.

The hand

The letterforms on the ground of every page are a real hand, 74 glyphs with their joins and pen order, kept at /handwriting. Fix a letter there, never in a copy.

That is the whole system. The rest is restraint.