Brand guidelines

The guideline cards from design-system-docs/, rendered live — each frame is the real file, not a reproduction that could drift from it. Cards marked generated enumerate the token scale and rebuild from tokens.css; the rest are editorial writing.

Brand

Marks & lockupMonogram for app icons, lockup for footers and signaturesrepo-only

TextureDot grid at 8% — dark heroes only. No gradients, no glass.repo-only

VoiceMiltinson Technologies, sentence case, em-dashes, no hype wordsrepo-onlygenerated

WordmarkThe wordmark carries a period, and the period is amberrepo-only

Colors

Anchor / ForestMiltinson Forest — secondary anchor for trust marks and successrepo-onlygenerated

Data & chartsEight categorical series in assignment order, plus the grid and axis rulesrepo-onlygenerated

Ink scaleInk scale — pure black and white pinned, mids in oklchrepo-onlygenerated

PalettesThe same signal ramp and brand semantics under each palette and themerepo-onlygenerated

Signal / AmberMiltinson Amber — the only loud colour, used as a signal not a fillrepo-onlygenerated

StatusStatus colours — fill, the ink that goes on it, the tint behind it and its edgerepo-onlygenerated

Semantic surfacesSemantic surfaces and borders — what components actually referencerepo-onlygenerated

Text coloursText ramp: fg, fg-2, fg-3, fg-4 and the amber link hoverrepo-onlygenerated

Foundations

Focus & states2px ink ring, 2px offset — inverts to white in dark moderepo-only

MotionCalm and purposeful — 140ms hovers, 220ms state changesrepo-onlygenerated

RadiiSharp by default — 4px buttons, 6px cards, pill for tags onlyrepo-onlygenerated

ShadowsRestrained — borders do the work; lg and up for overlays onlyrepo-onlygenerated

Spacing

Spacing in useCard padding is space-6 (24); rhythm inside is space-2/3repo-only

Spacing scale4px base — space-1 (4) through space-15 (192)repo-onlygenerated

Type

BodyBody 16px / 1.65 — accessibility-first, never below 16pxrepo-only

DisplayGeist Semibold, tight tracking (-0.025em), 1.05 line-heightrepo-only

Headingsh1–h5 — Geist Semibold on a 1.25 ramprepo-only

Mono & eyebrowJetBrains Mono — eyebrows, code, pricing figures and kbdrepo-only

Weights300/400/500/600/700/800 — 400 body, 500 UI, 600 headingsrepo-onlygenerated