Foundations · 14
Typography
Two families, strict roles, one law: letter-spacing is always zero. PP Neue Montreal Medium is reserved for the two largest headings; Inter carries everything else.
PP Neue Montreal + Interletter-spacing 0type
What’s inside
01Playground02Two families03Type scale04Specimens05Rules
PP Neue Montreal
Ag
Stop processing.
Inter
Flo runs the full procurement cycle.
Playground
Set a family and dial in size, weight, tracking, and leading. The sample is editable — type your own words, then copy the CSS.
Family
Size58px
Weight500
Tracking-0.01em
Leading1.1
familyPP Neue Montreal
useDisplay · H1 & H2 only
Stop processing. Start deciding.
The sample is editable — click and type. Letter-spacing stays at 0 in production; −0.01em is allowed only on H1.
Two families
PP Neue Montreal (Medium, 500) carries H1 and H2 and nothing else. Inter handles H3, body, nav, buttons, and captions. A single monospace accent appears once per surface at most — the format tags in the sidebar are exactly that.
Display · PP Neue Montreal
Ag
Stop processing. Start deciding.
Text · Inter
Ag
Flo orchestrates the full procurement cycle.
Type scale
| Role | Family / weight | Size | Line-height |
|---|---|---|---|
| H1 | PP Neue Montreal 500 | 48 → 36 → 32 | 1.2 (−0.01em) |
| H2 | PP Neue Montreal 500 | 36 → 28 → 24 | 1.2 |
| H3 | Inter 500 | 20 → 18 → 16 | 1.4 |
| body-lg | Inter 400 | 18 → 16 | 1.5 |
| body | Inter 400 | 16 → 14 | 1.5 |
| eyebrow | Inter 500 · UPPER · +0.5px | 12 | 1.5 |
| mono | IBM Plex / Fragment Mono | 11 · +0.66px | — |
Specimens
The standard playbook keeps failing.
Adds tools, not capacity.
Your procurement workforce, on day one
Flo orchestrates intake, approvals, and renewals across your ERPs.
Section 01 · our story
Rules
- Letter-spacing is 0 everywhere; the only exception is −0.01em on H1.
- Display type is H1/H2 only. Never set body, nav, or buttons in PP Neue Montreal.
- Numbers in decks and cards can use display weight for impact — always with a label beneath.
Was this page helpful?