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

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.

Lazyweb Research · n=518 · Published 2026-07-07

designux-patternswebmobilesaas

The base-size distribution

Base sizeSystemsShare
16px37873.0%
17px5410.4%
14px417.9%
18px142.7%
15px132.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

StatComputed from
16px 73.0% (378), 17px 10.4% (54), 14px 7.9% (41) of 518base_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. [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.

Related questions

Explore the underlying screens, flows, and A/B tests inside Lazyweb. More research