What base font size do modern products use for body text?
- By Ali Abouelatta
- n = 518
- Published
- Updated
- 1 min read
- design · ux-patterns · web · mobile · saas
Short answer
16px is the overwhelming default: 73.0% of 518 audited design systems set a 16px base body size source[1]. The only meaningful runners-up are 17px (10.4%, the iOS body size) and 14px (7.9%) source[1]. Anything below 14px or above 18px is vanishingly rare.
73% of 518 audited design systems use a 16px base body font size, July 2026.
Bar chart · Share
Share — The base-size distribution
One block is about 2.6%
- 16px
- 73.0%
- 17px
- 10.4%
- 14px
- 7.9%
- 18px
- 2.7%
- 15px
- 2.5%
The base-size distribution
| Base size | Systems | Share |
|---|---|---|
| 16px | 378 | 73.0% |
| 17px | 54 | 10.4% |
| 14px | 41 | 7.9% |
| 18px | 14 | 2.7% |
| 15px | 13 | 2.5% |
16px is not a trend, it is the standard — nearly three-quarters of the corpus source[1].
How to apply it
Start at 16px unless you have a platform reason not to: 17px is the native iOS body size (worth matching on iOS-first mobile), and 14px suits dense, data-heavy B2B tables source[1]. Shipping smaller than 14px base body text puts you in the rare 5% tail and courts readability and accessibility complaints.
Real in-market screens
Screens from real, in-market apps, tracked by Lazyweb Research.
Siriusxm1179 × 2556opens the full image 
Fitbod1206 × 2622opens the full image 
Grubhub1206 × 2622opens the full image 
Brave1206 × 2622opens the full image
The numbers
| # | Stat | Computed from |
|---|---|---|
| [1] | 16px 73.0% (378), 17px 10.4% (54), 14px 7.9% (41) of 518 | base_font_size |
Methodology
Universe: 518 audited design systems with a non-null base size, within the 520-system corpus. Method: count base_size_px values. July 2026 snapshot; values are LLM-extracted design tokens, not scraped CSS.
Sources
- [1]
Lazyweb Research analysis of 518 design systems (systems with a base size), July 2026
Body/base font size in px from typography.base_size_px; 518 of 520 systems are non-null.
Source: Lazyweb Research — proprietary analysis of real, in-market app screens. Cite as Lazyweb Research, 2026-07-07.