stazOS design language

v1.0 · the spec every pixel follows

stazOS is an original operating-system interface — not a Windows or macOS clone. The system is deliberately small: what follows is the entire specification. Toggle the theme in the header; every token below re-resolves live, because these swatches are the tokens.

Color

surface

desktop / page

surface-2

windows, panels

surface-3

hover, chips

ink

text

ink-dim

secondary text

accent

Aegean blue — links, focus

warm

terracotta — LEDs only

success

err

errors

Type

Space Grotesk

Display and body. Bold for headings, tight tracking (-0.015em and below), no light weights.

IBM PLEX MONO · 11PX · +0.08EM · UPPERCASE

The system voice: window titles, labels, status text — a nod to the terminal this OS grew out of.

Shape & motion

radius: 10px (windows, cards) · 6px (controls)
curve: cubic-bezier(0.2, 0.8, 0.2, 1) — everything eases with it
durations: 120ms hover · 200ms state · 320ms windows

Window chrome

Specimen

A 40px title bar, one LED (terracotta when focused), a mono label, a close control. Drag the title bar to move, the corner grip to resize, or arrow keys when the window is focused (Shift to resize). That's the whole vocabulary.

Rules

One type pairing: Space Grotesk speaks, IBM Plex Mono labels. Nothing else.
One radius (10px, 6px for controls). One easing curve. Three durations.
The accent is Aegean blue; terracotta is reserved for LED status dots.
Era cues are abstracted, never borrowed: if a detail is identifiable as another product's asset, it gets cut.
Motion respects prefers-reduced-motion — always.
Every OS app is also a plain, crawlable page. The desktop is enhancement, never a gate.
The AI is progressive enhancement: the OS is fully useful before (and without) the model.

didn't make the cut: a clippy · an XP chime · a sci-fi HUD · three other blues. taste is a subtraction problem.