Sheet 02 · Design System
Cyanotype · Rev A
Tokens, drafting primitives, and the parts catalogue for the technicaldetails.org personal OS.
W. 1280 mm · type scale 1.250
Plate A · Pigments6 keys
Colour tokens
background#0a2540
blueprint#0f3a66
cyan-ink#7fb5ff
ink#e8f1ff
ink-muted#b9cce8
warn#d96a3a
Plate B · Typography
JetBrains Mono · Work Sans
Aa 0123
JetBrains Mono · 500
Aa 0123
Work Sans · 400
Display
Real-time predictive analytics, on infrastructure I own.
Body
Body copy uses Work Sans for readability against the cyanotype ground. Annotations and tabular figures escalate to JetBrains Mono with a 0.18em tracked uppercase treatment.
Plate C · Components
Drafting primitives
CornerFrame
Tick-corner frame for plates, dialogs, and feature cards.
DimensionLine
312 mm
∞ services · 1 issuer
Callout
1
OIDC issuer
Authoritative identity.
2
Service mesh
mTLS · per-app scopes.
Buttons
Title
Design system · cyanotype · rev A
Sheet
02 / 04
Rev
A
Scale
1:1