Design guidelines
Two type families, one scale, a readable measure
Type does most of the work of looking expensive. Spend your care here.
2 min read
- Two families at most: one for display and text, one for labels or emphasis.
- A modular scale (for example 12, 14, 16, 20, 28, 44, 64) and nothing between.
- Tighten display type (-0.03 to -0.04em tracking, line-height 1.0 to 1.1); loosen small uppercase labels (+0.1em).
- Measure: 55 to 75 characters per line for body copy;
text-wrap: balanceon headings. - Weight over size: 600 for headings reads cleaner than 800.
- Body text at 16px minimum on phones.