What is the most popular font on websites?

In Livery's library of 1 measured sites, sohne-var is the most used display typeface, on 100% of sites.

What is the most common accent colour on websites?

Blue accents are the most common family, on 100% of the sites Livery has measured.

Are most websites dark or light?

0% of measured sites default to a light theme and 100% to a dark one.

Can I use this data in an article?

Yes. Cite "Livery, State of Web Design" and link to https://www.livery.site/guides/state-of-web-design; the numbers update daily.

State of Web Design: The Fonts, Colours and Themes Real Sites Use

By @andymarrows · Updated 2026-11-15 · 4 min read

The short answer

Across 1 public websites measured by Livery (as of 2026-11-15), sohne-var is the most used typeface (100% of sites), blue is the most common accent family (100%), and 0% use a light theme against 100% dark. The numbers below update daily as people add sites to the library.

Which fonts do websites use most?

sohne-var leads, on 1 of 1 sites. Another 0 sites (0%) set their headings in a system font stack instead of a named typeface.

Display typeface by number of sites, of 1 measured
Typeface	Sites	Share
sohne-var	1	100%

The typeface counted is each site's display face: the family Livery measured on its headings. Build tools rename fonts (Next.js writes Inter as __Inter_d65c78), so spellings of one family are counted together.

What accent colours are most common?

Grouped by hue, blue accents are the most common (1 sites, 100%). The accent is the colour each kit's palette gives the accent role, usually the colour of primary buttons and links.

Accent colour family by number of sites
Accent family	Sites	Share
Blue	1	100%

Are dark websites more common than light ones?

Dark themes lead: 0 sites (0%) are light by default and 1 (100%) are dark. The theme counted is the one a first-time visitor sees, measured from the page background.

Default theme	Sites	Share
Light	0	0%
Dark	1	100%

Which icon sets do websites use?

Not enough sites with a recognisable icon set have been measured yet.

How this data was measured

Every number comes from a design kit in Livery's public library. To build a kit, Livery opens the page in a real browser at desktop, tablet and phone widths and reads the computed styles of what is on screen: colours by role, the type scale and families, spacing, radii, icons and motion. No AI model guesses any of it.

The sample is every public kit, one count per kit: the sites people chose to measure, which leans towards startups, developer tools and portfolios rather than the whole web.
Hidden and private kits are excluded. Kits built from several pages of one site count once.
The page rebuilds daily. Last updated 2026-11-15.

You are welcome to use these numbers. Please cite "Livery, State of Web Design" with a link to https://www.livery.site/guides/state-of-web-design.

Questions

What is the most popular font on websites?: In Livery's library of 1 measured sites, sohne-var is the most used display typeface, on 100% of sites.
What is the most common accent colour on websites?: Blue accents are the most common family, on 100% of the sites Livery has measured.
Are most websites dark or light?: 0% of measured sites default to a light theme and 100% to a dark one.
Can I use this data in an article?: Yes. Cite "Livery, State of Web Design" and link to https://www.livery.site/guides/state-of-web-design; the numbers update daily.

Try it on a site you love

Paste a link and get an installable design kit in about a minute. Free.

Create a kit Browse kits

More guides