Typography
Type scale specimen
Oction Labs - Typography
From the brand book p.14-15, p.22.
1. The stack (p.14)
| Typeface | Weights | Role |
|---|---|---|
| Technor | Light 300 / Extralight 200 | Display, headlines & the logotype. Sentence case; tracking +1.2% in lockups. |
| Inter | 400 / 500 | Body & interface. Line height 1.5-1.7. Never used for the logotype. |
| JetBrains Mono | 400 only | Code, data, dimension callouts, spec labels, kickers. |
2. THE HARD RULE
Maximum weight anywhere in the brand is 500. Technor is used at Light 300 for display and Extralight 200 for the largest moments - never heavier than Regular. Confidence is carried by space and geometry, not by bold. Italics and bold do not exist in this system (emphasis uses Inter 500). The logotype weight step ("oction" 300 / "labs" 200) is the only hierarchy device in the mark; never add bold to it.
3. Scale (p.14) - ratio 1.25, Technor Light for display
| Element | Size |
|---|---|
| Display | 34 pt |
| H1 | 28 pt |
| H2 | 25 pt |
| H3 | 20 pt |
| Body large | 16 pt |
| Body | 12.8 pt |
| Caption | 10.2 pt |
4. Hierarchy in use (p.15)
- Display / headlines: Technor Light, sentence case (the brand book sets display in
sentence case, e.g. "Distributed agents, one brain"). Lowercase is used for the wordmark and for
film/marketing type cards (see
04_VOICE_AND_COPY.md), but formal display defaults to sentence case. - Body: Inter 400 at a comfortable measure, never justified, never below 4.5:1 contrast. Emphasis = Inter 500. No italics, no bold.
- Kickers: JetBrains Mono caps are the one sanctioned use of uppercase (e.g. "CASE STUDY, 04", "GET ACCESS").
5. Web loading
Technor is self-hosted (Technor-Light.woff2, Technor-Extralight.woff2), font-display:swap,
preloaded. Inter + JetBrains Mono from Google Fonts, or self-host for air-gapped/offline builds.
@font-face{font-family:'Technor';src:url(/fonts/Technor-Light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Technor';src:url(/fonts/Technor-Extralight.woff2) format('woff2');font-weight:200;font-display:swap}
Fallback stacks: Technor → 'Technor', 'Eurostile', 'Michroma', sans-serif (Technor is a wide,
machined, techno-grotesque; a wide geometric fallback reads closest). Inter →
'Inter', -apple-system, Arial, sans-serif. JetBrains Mono → 'JetBrains Mono','Consolas',monospace.
6. Documents & slides where Technor isn't installed
The client's PowerPoint/Word won't have Technor. For .pptx / .docx, use an Office-safe
substitute and don't embed Technor unless embedding is licensed:
- Technor → substitute a wide/technical face that ships with Office if available; otherwise a
clean sans at light weight. (Cambria is a serif and does NOT match Technor's machined-grotesque
character - prefer a sans like Calibri Light or Arial for the substitute, keeping weight ≤ Light.)
- Inter → Calibri or Arial.
- JetBrains Mono → Consolas.
NOTE: an earlier deck used Cambria as the Technor substitute. That is a mismatch (serif vs. techno-grotesque). Correct to a light-weight sans. See
99/application notes.
NEEDS CONFIRMATION
- Whether Technor may be embedded in distributed PDFs/Office files (licensing).
- The exact licensed Technor foundry/version for perfect fallback matching.