Typography
A modular 1.25 scale, two families at most, tabular numbers.
Type scale
Every size is a token. Change the font in the appearance drawer.
- --fd-text-3xlClear numbers, calm screens
- --fd-text-2xlClear numbers, calm screens
- --fd-text-xlQuarterly revenue overview
- --fd-text-lgQuarterly revenue overview
- --fd-text-mdThe quick brown fox jumps over the lazy dog while the team reviews the weekly report.
- --fd-text-smThe quick brown fox jumps over the lazy dog while the team reviews the weekly report.
- --fd-text-xsUpdated 4 minutes ago
Long-form content
Readable line length and rhythm for help and policies.
Good interfaces are quiet. They let numbers, names and actions speak, and they use color only where it means something.
Readable by default
Body copy stays between 60 and 75 characters per line. Use .fd-prose for long-form content such as help articles and policies.
“Design is not just what it looks like. It is how it works.”
- Two typefaces at most
- A modular scale of 1.25
- Tabular numbers in tables and KPIs
Numbers and keys
Locale-aware formats with tabular figures.
- Amount
- $1,234,567.89
- Conversion rate
- 3.47%
- Date
- October 18, 2026
- Visitors
- 1.8M
Switch the language to see each format change.
CtrlKCtrl K opens the command palette everywhere.