FIG. 00 — Design system

The Blueprint system.

Tokens, type, and components for XYZBytes. Tungsten (dark) and Silicon (light). Toggle the theme to verify both.

Display

Plus Jakarta

Body

Inter

Mono

JetBrains

Accent

Gold

FIG. 01 — Color tokens

Tokens

--bg

bg-2

--bg-2

surface

--surface

surface-2

--surface-2

surface-3

--surface-3

ink

--ink

accent

--accent

accent-soft

--accent-soft

text

--text

muted

--muted

faint

--faint

border-2

--border-2

FIG. 02 — Typography

Display — engineered to spec

Heading 1 — applied AI lab

Heading 2 — shipped and scaling

Heading 3 — built to specification

Lead — an applied AI lab that ships production systems to a blueprint: precise scope, eval-gated quality, fixed timeline.

Body — neutrals do the heavy lifting; gold is reserved for emphasis only. One accent word in serif italic.

MONO — FIG. 02 · SHEET 01/01 · SCALE 1:1

FIG. 03 — Actions

Primary action Line action Primary large Line small

AvailableNext.jsRAGEvalsKicker rule

FIG. 04 — Surfaces & motifs

Base card

Hairline border, tight radius, surface background.

Lit card

Corner brackets reveal on hover. Filament icon tile.

Measured2021—2026

1.2B+

Inference calls / month

Disciplines

Days to MVP

98%

Retention

Engineers