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.

View tokens
Read DESIGN.md

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.

### 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

### 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`.

Inspect elevation →

### 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.

ANTHROPIC_API_KEY

Set in environment or paste here to persist in keychain.

DEFAULT_MODEL