# Do most products use a system font or a custom typeface?

Source: Lazyweb Research
Published: 2026-07-07
Sample size: n=488
Tags: design, ux-patterns, web, saas, landing-page
HTML: https://www.lazyweb.com/research/most-common-primary-font-in-design-systems
Markdown: https://www.lazyweb.com/research/most-common-primary-font-in-design-systems.md

**Answer.** The platform system stack wins, but only just: 56.4% of 488 audited design systems with a primary font use a native stack (SF Pro, system-ui, Roboto, etc.) versus 43.6% on a custom/branded typeface [1]. Among named webfonts, Inter leads (36 systems), then Roboto (14) and Poppins (10) [2].

> 56% of 488 audited design systems use a system/native font stack; Inter is the top named webfont at 36 systems, July 2026.

## System vs custom

| Font class | Systems | Share |
|---|---|---|
| System / native stack | 275 | 56.4% |
| Custom / branded font | 213 | 43.6% |

The system stack's edge is real but modest — nearly half of products invest in a branded typeface [1].

## The most common named fonts

Collapsing native stacks, the leading individually-named families are [2]:

| Font | Systems |
|---|---|
| System (generic) | 132 |
| SF Pro | 76 |
| Inter | 36 |
| System sans | 23 |
| Roboto | 14 |
| Poppins | 10 |
| SF Pro Text | 9 |
| Arial | 7 |

Inter is the default 'custom' choice — if you want a branded-but-neutral sans that reads as modern-SaaS, it is the safe pick; Poppins signals friendlier/consumer [2].

## Caveats

SF Pro, system-ui, -apple-system, Segoe, Roboto, Google Sans and Amazon Ember are all collapsed into 'system/native stack' [1]. 32 of 520 systems (6%) carry no primary-role font and are excluded, giving the 488 denominator [1].

## The numbers

| Stat | Computed from |
| --- | --- |
| system 56.4% (275) vs custom 43.6% (213) of 488 | primary_font_class |
| Inter 36, Roboto 14, Poppins 10, SF Pro 76, system 132 of 488 | top_primary_fonts |

## Methodology

Universe: 488 audited design systems with a primary-role font, within the 520-system corpus. Method: classify first primary font as system stack vs custom, and count named families. July 2026 snapshot; native stacks are grouped and font values are LLM-extracted.

## Sources & citations

- [1] Lazyweb Research analysis of 488 design systems (systems with a primary font), July 2026. System/native stack vs custom typeface classification; 488 of 520 systems carry a primary-role font.
- [2] Lazyweb Research analysis of 488 design systems (systems with a primary font), July 2026. Most common primary font families, one per design system, lowercased.

## Related questions

- [What base font size do modern products use for body text?](https://www.lazyweb.com/research/what-base-font-size-do-products-use)
- [What is the most common primary brand color in modern design systems?](https://www.lazyweb.com/research/what-primary-brand-color-is-most-common)