The primitive, the ramps, the scale.
The name carries its own callout — the measured span applied to the thing that does the measuring.
A grid connection, an embedded heap and an operating range are the same drawing at eleven orders of magnitude. Extension lines stand off the object and overrun the dimension line; the dimension line is broken by its own value.
Authored in OKLCH so the ramp is perceptually even and the hue can rotate along it — red-brown in the shadows, gold in the highlights, the way oxidised metal behaves. Step 800 is the brand step.
Neutrals are hue 255 at chroma 0.009, decaying to 0.0001. Dark surfaces read cool; light surfaces read pure.
Surfaces mirror between themes. Content does not — the accent sits at step 500 on light and 800 on dark so it holds contrast both ways. Strokes stay at 800 in both.
| --surface-default | neutral-1300 · neutral-0 |
|---|---|
| --surface-raise | neutral-1200 · neutral-50 |
| --content-raise | neutral-0 · neutral-900 |
| --content-default | neutral-300 · neutral-800 |
| --content-secondary | neutral-500 · neutral-700 |
| --content-tertiary | neutral-600 · neutral-600 |
| --stroke-default | neutral-900 · neutral-300 |
| --content-accent | copper-500 · copper-800 |
| --surface-accent | copper-1200 · copper-200 |
| --stroke-accent | copper-800 · copper-800 |
Weight 400 and 500 only. A heading is large, never heavy. Tracking inverts across the range — loose at caption sizes, through zero at 25 px, tight at display, where leading goes negative.
Twenty to two hundred kilowatts.
Instrumentation is not an option line. Power, thermal and utilisation telemetry is present on every system, exposed through a standard interface, and mapped to the indicators the European Union asks facilities to report.
122,832 BTU/hr · 2 × 100GbE · 208–240V
| h-display | 36 → 52 → 65 px · −0.013 → −0.021 → −0.025em |
|---|---|
| h-xl | 25 → 36 → 52 px · 0 → −0.013 → −0.021em |
| h-lg | 18 → 25 → 36 px · +0.014 → 0 → −0.013em |
| h-md | 16 → 18 → 25 px · +0.021 → +0.014 → 0em |
| t-xl | 18 px · +0.014em |
| t-lg | 16 px · +0.021em |
| t-md | 14 px · +0.030em |
| t-sm | 12 px · +0.042em |
| Radius | 2 px, everywhere |
|---|---|
| Elevation | 1 px ring at 5 – 8 % alpha, never a blur |
| Rules | Hairline, top of group only |
| Grid | 12 column · max 1280 px · 24 → 40 px gutter |
| Section rhythm | py-20 lg:py-28, separated by a rule |
| Numerals | Tabular, so columns align |
| Units | × not x · en dash for ranges · thousands separated2 × 100GbE · 208–240V · 122,832 BTU/hr |
Lead with the technical fact. Describe what is.
No superlatives. Numbers carry their conditions — the workload, the standard, the measurement point, the date. Regulatory statements carry their source. Sentences are declarative; the reader is an engineer with a constraint, not an audience to be persuaded.
Confidence is part of the voice. Hedging, qualifying and apologising for maturity are as much a failure of the register as hyperbole is.