Skip to content
AllWebsites.DesignAllWebsites.design

Typography

How big are website headlines, and does the industry change the answer?

The short answer

Across 300 websites where type sizes were captured, the median largest heading is 65px. Industry moves that number more than fashion does. Agency and studio sites sit at a 80px median across 48 records, while technology and SaaS sites sit at 60.5px across 62. Loud type is a positioning choice, not a trend.

Last updated 30 Aug 2026 · First published 02 Sept 2026 · 5 min read · Compiled and reviewed by the AllWebsites.Design editorial team · Methodology

Every type scale article you have read was written from taste. This one is written from measurement. We recorded the rendered type sizes on 300 websites, took the largest heading on each, and grouped the results by industry to see whether the number moves.

It moves a lot, and in a direction that says more about sales than style.

What is the median website headline size?

65px, across 300 sites where type sizes could be captured at desktop width. That is the number to argue against, not the number to copy. Half the archive sets its largest heading below it and half above, and which half you belong in is mostly decided by what your homepage is trying to do.

65px

Median largest heading across the archive

n=300 sites with captured type sizes, out of 304 records.

Which industries use the biggest type?

Retail and agency work sit at the top; utility interfaces sit at the bottom. The cleanest comparison in the table is also the one with the two largest samples: agency and studio sites run a 80px median across 48 records, while technology and SaaS sites run 60.5px across 62. A 19.5px gap between the two largest groups in the archive is not noise.

Median largest heading by industry, for categories with at least ten records. Smaller categories are excluded because a single oversized hero can move a median built from five sites.

Why do agencies set larger headlines than SaaS companies?

Because they are selling different things in the same rectangle. An agency homepage sells taste, so the headline is not describing the product, it is the product demonstration. Setting it at 80px is the argument.

A SaaS homepage sells a task. The headline has to share the fold with a product screenshot, a signup field, a logo wall and usually a secondary link, and every pixel the headline takes is one the proof does not get. At 60.5px it states the value and moves out of the way. Portfolio sites land between the two at 72px across 21 records, which fits: the work is the evidence, so the name does not have to shout as hard as an agency's does.

How many typefaces does a typical website use?

2, as a median. The archive holds 429 distinct families in total, which sounds like variety until you look at the distribution. Inter alone appears on 63 sites, 21% of the 304 records. The common pattern is one workhorse sans doing almost all the work, joined by either a display face for headings or a mono for code and labels.

TypefaceSitesShare of archive
Inter6321%
Arial124%
Geist124%
JetBrains Mono103%
Satoshi103%
Geist Mono83%
Inter Variable72%
Poppins72%
Instrument Serif62%
Graphik62%
The ten most frequently used typeface families. A family is counted once per site even when it appears in several roles, so the count is sites rather than declarations.

How should you use these numbers?

As a positioning check, not a specification. Find your industry in the table, then decide whether you want to sit at its median or deliberately break from it. A SaaS site at 80px is making a claim about being design-led, and it had better be true, because the rest of the page will be read against that promise. A directory at the same size is just harder to scan.

The other honest caveat: these are desktop measurements of the largest heading, not a full type scale. A 80px hero says nothing about whether the body text is comfortable, and body text is what people actually read. You can see the full recorded scale, weights and sizes included, on any record in the archive.

Questions people also ask

What is a good font size for a website headline?

In this archive the median largest heading is 65px across 300 sites, so that is a defensible centre of gravity for a desktop hero. The useful range runs from about 54px for utility and directory sites up to about 88px for retail and agency work. Match the industry you are competing in rather than the largest number you have seen.

Why do agency websites use bigger type than SaaS websites?

Agency sites sell taste, so the headline is the product demonstration. SaaS sites sell a task, so the headline competes with a screenshot, a signup form and a feature list for the same space. The measured gap is 80px against 60.5px, across 48 and 62 records respectively.

How many typefaces does a typical website use?

The median is 2 across the archive. 429 distinct families appear in total, but the distribution is steep: Inter alone appears on 63 sites, or 21% of the 304 records. Most sites pair one workhorse sans with either a display face or a mono.

How were these type sizes measured?

Sizes are read from the rendered page at desktop width and recorded per typeface, then the largest recorded size on each site is taken as its headline size. Sites where no type sizes could be captured are excluded from the medians rather than counted as zero, and any category with fewer than ten records is left out of the industry table.

Related questions this raises

  • What font size should a hero headline be?
  • What is the most used font on websites?
  • How many fonts should a website use?
  • Do ecommerce sites use bigger type?
  • What font size do SaaS websites use?
  • Is Inter the most popular web font?
  • What is a good type scale for a website?