Typography
One monospace family. JetBrains Mono is already on the docs site; the stack falls through to ui-monospace, SF Mono, Menlo, and Consolas. IBM Plex Mono is an equal substitute if a product already loads it.
BASTION >_
Wordmark. 15px, weight 700, tracking 0.16em. The prompt caret is amber.EDGE REGIONS · LATENCY MAP
Panel title. 11px, uppercase, tracking 0.14em. The middle dot is a divider, not a sentence.Root cause: Elevated packet loss on upstream provider.
Body. 12–14px, phosphor ink, line-height 1.45.99.982% · 12ms · 3/3 · 09:52:16
Numbers. Tabular figures so columns of percents, latencies, replicas, and timestamps do not jitter.Scale
| Role | Size | Weight | Notes |
|---|---|---|---|
| Wordmark | 15px | 700 | Tracking 0.16em |
| Panel title | 11px | 600 | Uppercase, tracking 0.14em |
| Table header | 10px | 500 | Uppercase, muted |
| Body and logs | 12px | 400 | 14px in prose specimens |
| Uptime figure | 13px | 600 | Tabular |
| Footnote | 11px | 400 | Muted, may use amber when it is a warning |
Dividers
Panels use a 1px solid green border and a dashed rule in the header. Section labels join with a middle dot: DEPLOYS · TIMELINE. Do not mix rounded cards, drop shadows, or a second type family into the product UI.
Language
The approved dashboard keeps the ops-agent copy in Spanish and the rest of the chrome in English. Mark that block with lang="es". Do not translate sample telemetry unless the product locale changes.