Type
Three families. The display face is Neue Haas Grotesk Display (licensed separately; Inter Tight is the freely-hostable proxy/fallback wired into the portal). Body is Inter. Every performance number, metric, and score is IBM Plex Mono. Import line in tokens.css.
Display · Neue Haas Grotesk Display (fallback Inter Tight)
Your team isn't slow. They're untrained.
Uppercase, bold/black, tight line-height, large scale. Headlines and the wordmark.
Body · Inter
A good AI strategy is good business strategy. Vendor-neutral. Truth-first. Measurable. Paragraphs, captions, interface. Regular and Medium.
Mono · IBM Plex Mono
3.2× output 14 hrs/wk
Performance scores, output metrics, revenue-per-employee stats, before/after numbers, dashboards. Numbers are ALWAYS mono.
Scale
| Role | Token | Size |
|---|---|---|
| Display | --apt-text-display | clamp → 96px |
| H1 | --apt-text-h1 | clamp → 56px |
| H2 | --apt-text-h2 | clamp → 36px |
| Body | --apt-text-body | 17px |
| Label | --apt-text-label | 12px tracked caps |
Pairing rules
- Display (grotesk) for headlines and the wordmark: uppercase, bold/black, tight line-height, large.
- Inter for everything functional: body, UI, captions.
- IBM Plex Mono for every number — performance scores, output metrics, hours saved, revenue per employee, before/after tables, dashboards.
- Tracked caps (letter-spacing 0.14em, muted gray) for eyebrows and labels.
- Keep body legible at every size. No display face below ~18px.