Berkeley Mono — every tier
A1-identity--font-display, --font-body, and --font-mono all resolve to the same font stack. Hierarchy is created by size and weight (400 / 500 / 700) alone. No switching between faces.
cat tokens.css | grep font
reference-fixture · opencode-ai
The terminal has a design system.
Warm near-black canvas (#201d1d). Berkeley Mono is the
only typeface — "everything is code." Flat depth: no shadows, only
border rings and background shifts. Apple HIG colors.
apple-hig-semantic-colors
Familiar signals on dark canvas.
#30d158 success · #ff9f0a warn ·
#ff3b30 danger · #007aff accent.
Monospace badges. No rounded pills.
passing
stale
failed
running
what-this-fixture-exercises
Flat depth. Border rings. No blur.
Flat elevation system
A1-structure
--elev-flat: none · --elev-ring: 0 0 0 1px var(--border) ·
--elev-raised: 0 0 0 2px var(--border). All three use ring outlines.
Zero blur, zero spread. Depth via bg-shift: #201d1d → #302c2c.
880px narrow column
A1-structure--container-max: 880px. Single-column, text-centric layout. "The whole page is a terminal session" — no multi-column marketing grids. Generous 80px section spacing.
Press ⌘ K to jump
form-components
Config-file inputs.
Labels are small monospace — they look like config keys. Inputs use 6px radius (the roundest element in the system), warm borders, and a 2px Apple blue focus ring.