Skip to content

A quiet, typographic system for building things.

Warm neutrals, hairline borders, one restrained accent, and motion that explains rather than decorates.

Components

Tiles and cards carry the work

Surfaces are separated by 1px borders on a slightly warm raised fill. Shadows appear only on things that float.

01 · Outcome
3×

Faster prototyping

Metric cards lead with one number, then a short serif explanation.

02 · Accent

Accent card

The teal accent shows up as a glow on dark, never as a flat fill.

Controls

Buttons, fields, pills

Pill

Error text is short and specific.

All projects

Role
Designer
Timeline
2026

Long-form reading switches to the serif at 17px with generous leading, capped at a 700px column. Secondary color keeps it calm against the display type.

Paragraphs are separated by 18px, not indents.

✱
Floating sheet
Bottom-anchored, the only shadowed surface.