// chapter 04
Typography
Inter for everything readable. JetBrains Mono for accents, labels, technical lines. Full Cyrillic and Latin coverage.
Inter — display & body
Audit. Build. Ship.
Аудит. Билд. Шип.
World-class engineering.
Инженерия мирового уровня.
Inter covers display, headings, and body. The same family across the full hierarchy keeps the system tight; weight does the differentiation, not face changes.
Inter покрывает все ярусы — от заголовков до основного текста. Различает уровни весом, а не разными гарнитурами.
JetBrains Mono — accents
Aa Bb // 01·02·03
$ request_audit
SECTION LABEL · ENGINEERING STUDIO
// has solutions — used for labels, code, terminal-style emphasis, mono coverlines.
Type scale
| Token | Size / weight | Tracking / leading | Use |
|---|---|---|---|
| display-xl | 128 / 600 | −0.06em / 1.0 | Brand book cover |
| display-l | 72 / 600 | −0.05em / 1.0 | Hero |
| display-m | 48 / 600 | −0.04em / 1.05 | Section hero |
| heading-l | 32 / 600 | −0.035em / 1.1 | Major heading |
| heading-m | 22 / 500 | −0.03em / 1.15 | Card title |
| heading-s | 18 / 600 | −0.02em / 1.2 | Component title |
| body-l | 17 / 400 | −0.005em / 1.55 | Lead paragraph |
| body-m | 14 / 400 | 0 / 1.55 | Standard body |
| body-s | 12 / 400 | 0 / 1.5 | Caption |
| mono-label | 11 / 600 | 0.3em / 1.4 | Uppercase mono label |
| mono-body | 13 / 400 | 0 / 1.55 | Code, technical |
Principles
- Display sizes use negative letter-spacing (tightening). Body keeps neutral.
- Section labels are always uppercase mono with 0.3em tracking. They function as wayfinding more than reading.
- The // coverline pattern uses mono in Amber as a recurring brand signature.
- Inter renders cleanly in both Cyrillic and Latin. Никогда не смешивать Inter с другой sans-serif.