# What base font size do modern products use for body text?

Source: Lazyweb Research
Published: 2026-07-07
Sample size: n=518
Tags: design, ux-patterns, web, mobile, saas
HTML: https://www.lazyweb.com/research/what-base-font-size-do-products-use
Markdown: https://www.lazyweb.com/research/what-base-font-size-do-products-use.md

**Answer.** 16px is the overwhelming default: 73.0% of 518 audited design systems set a 16px base body size [1]. The only meaningful runners-up are 17px (10.4%, the iOS body size) and 14px (7.9%) [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.

## 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 [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 [1]. Shipping smaller than 14px base body text puts you in the rare 5% tail and courts readability and accessibility complaints.

## The numbers

| Stat | Computed from |
| --- | --- |
| 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 & citations

- [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.

## Related questions

- [Do most products use a system font or a custom typeface?](https://www.lazyweb.com/research/most-common-primary-font-in-design-systems)
- [What corner radius do modern products use for primary buttons?](https://www.lazyweb.com/research/what-button-corner-radius-is-standard)