The USPS, rebuilt in 1990s Japan — and it still boots.

A neo-retro system for an address parser that runs in Node and the browser. Saturated magenta and electric blue over deep navy chrome, everything set in monospace, boxy and a little austere — a confident, forgotten relic with a postal-mark seal.

One typeface, two cuts. Five brand anchors and three meaning-bearing domain palettes. Small radii, hard hairlines, mechanical motion — no bounce, no gradients except the one hero. Every number on screen describes something real. This page is the living reference: foundations first, then all eleven components.

Foundations

Color

A deliberate collision of DOS 16-color, AMIGA Workbench, and Plan 9's rio. Fills are flat and saturated — no tints-of-tints. Five anchors are fixed across themes; semantic surfaces retune for light and dark; three domain palettes encode meaning, not decoration.

Brand anchors

Semantic surfaces & text — retune with the active theme

Confidence ladder — low → mid → high certainty

Component-label hues — one per address class

Pipeline-stage hues — encode which stage, not quality

Foundations

Typography

Iosevka Nexus carries everything — a custom quasi-proportional Iosevka for prose and chrome, its monospace cut for code, numerals, and any tabular data. No serif, no second display face: scale, weight, expanded stretch, and UPPERCASE tracking do all the work. The whole product reads like a well-set terminal.

Families

Type scale

Weights & treatments

Foundations

Spacing & Shape

Boxy and austere: a tight 4px-rooted ramp with a 6px workhorse gap, small radii (nothing is a pill except deliberate badges), hard 1px hairlines and 2px ink rules, and shadows used sparingly. Workbench window chrome, not Material elevation. Motion is quick and mechanical — no bounce.

Shadows — used sparingly, never decoratively

Motion

Foundations

Iconography

Near-iconless by design — this is a terminal aesthetic, and Unicode glyphs do the work icons would do elsewhere. The one true brand glyph is the seal: three white bars and a descending stroke forming a stylized 〒 Japanese postal mark. No icon font, no icon library, no emoji.

The seal — lockups

magenta · primary

blue

navy

bare 〒 · currentColor

System glyphs — Unicode, never an icon set

Components

Core

The primitives every surface is built from — boxy, monospace, flat-fill, with mechanical hover and press. Buttons darken and nudge down 1px; focus is a 2px magenta ring; neutral chips and rows swap their border to magenta on hover.

Components

Data display

The parse-and-resolve readout: a displaCy-style span ribbon tinted by confidence, confidence cells that read as both a bar and a number, the resolver candidate picker, and the proportional pipeline timing bar whose hues encode stage rather than quality.

Content

Voice & Content

Engineer-to-engineer: precise, technical, candid about limits, dry-witted. It reads like good commit messages and design logs — because that's literally what the product's docs are.