State of web design 2026

What 272 well-designed websites ship, read from their live homepages: the fonts that actually render, the colors on screen, the sizes and widths in use. How we measured, and the limits of the sample, are at the end.

272 sitesCaptured November 12, 2026Raw data (JSON)Markdown version

Inter is the most used webfont, loaded by 58 of 272 sites (21.3%). Next are Geist Mono (13), JetBrains Mono (11) and Geist (10).

Each column is one site, in its own colors. Point at one to see which.

Behind it the field is spread thin: 460 webfonts in total, and 407 are used by only one site.

25.4% of sites are dark by default. Only 17.6% switch with the system dark mode setting.

22.1% of sites lead with blue, the most common color. 32% use no color beyond black, white and gray.

Neutral-only sites outnumber every single hue, blue included. Where a site does use color, it usually uses one: the most common accent strategy is a single accent (46.7%).

16px is the median body text size. It is also the most common, on 37.5% of sites.

Browsers default to 16px. Sites that move away from it go bigger more often than smaller: 33.5% use larger body text, 22.1% smaller.

60px is the median largest heading, with a median type scale ratio of 1.28.

The middle half of sites set their largest heading between 48px and 72px.

1,240px is the median content width. The middle half of sites fall between 1,100px and 1,312px.

30.9% of sites use square corners (0px) as their main corner radius, the most common choice. 18.8% use pill-shaped corners.

Small radii (2–16px), the usual look of product UI, are each less common. The sample includes studios, type foundries and editorial sites, which matters here.

34.9% of sites use no box shadows at all on the homepage.

The most used webfonts

The median site loads 2 webfonts; 4.4% load none.

  1. 1Interlinear.app, framer.com, supabase.com58 · 21.3%
  2. 2Geist Monovercel.com, raycast.com, nextjs.org13 · 4.8%
  3. 3JetBrains Monorailway.com, attio.com11 · 4%
  4. 4Geistvercel.com, nextjs.org, ui.shadcn.com10 · 3.7%
  5. 5Berkeley Monolinear.app, cursor.com4 · 1.5%
  6. 6IBM Plex Monohuggingface.co4 · 1.5%
  7. 7Instrument Sansnetlify.com4 · 1.5%
  8. 8Satoshi4 · 1.5%
  9. 9Source Code Prostripe.com, supabase.com, posthog.com4 · 1.5%
  10. 10Suisse Int'lclerk.com4 · 1.5%
  11. 11Söhnestripe.com4 · 1.5%
  12. 12ABC Diatype3 · 1.1%
  13. 13Apercu3 · 1.1%
  14. 14GT America3 · 1.1%
  15. 15GT Planar3 · 1.1%
  16. 16Graphik3 · 1.1%
  17. 17Helvetica Now Display3 · 1.1%
  18. 18Manropesupabase.com3 · 1.1%
  19. 19Neue Montreal3 · 1.1%
  20. 20ABC Favoritresend.com2 · 0.7%

272 hand-picked homepages, measured in Chromium (Playwright) on November 12, 2026. Not a random sample.

Also measured

  • Primary typeface: sans 72.8%, unclassified 16.2%, serif 8.5%, mono 2.6%.
  • Most common body sizes: 16px 37.5%, 18px 15.1%, 14px 11%, 20px 4.8%, 17px 4.8%. Median line height 1.50.
  • Heading case: sentence 73.2%, title 11%, mixed 8.5%, upper 6.6%, lower 0.7%.
  • Text contrast: median 17.6:1, middle half 15.1:1 to 19.9:1.
  • Pure white background on 46.3% of sites; pure black text on 21.7%.
  • Main color: none 32%, blue 22.1%, violet 13.2%, green 10.3%, orange 9.2%, yellow 4.4%, red 4.4%, pink 2.2%, teal 2.2%.
  • Accent strategy: single accent 46.7%, monochrome 42.3%, dual accent 8.8%, multi accent 2.2%.
  • Main corner radius: 0px 30.9%, pill 18.8%, 4px 8.5%, 8px 7.7%, 6px 5.1%, 12px 5.1%, 16px 4%, 2px 3.7%.
  • Borders: hairline 80.5%, none 12.1%, regular 6.2%, heavy 1.1%.
  • Homepage height: median 8,264px.
  • Detected on the homepage: Google Tag Manager 55.1%, Cloudflare 41.2%, Next.js 39.7%, Tailwind CSS 38.2%, Vercel 33.1%, CloudFront 16.9%, jQuery 13.6%, shadcn/ui 11.8%, Radix UI 11.8%, PostHog 9.6%, Sanity 8.8%, React 8.8%.

The sample

We started from 305 homepages picked by hand for their design, one per company. That is not a random sample of the web, and it leans toward software companies, so read every number here as “among sites like these”.

Of the 305, 23 block automated browsers, 3 ask not to be crawled, 5 failed to load and 2 rendered only partly. We don't try to get around any of these. That leaves 272:

  • Product and SaaS65
  • Developer tools and infrastructure55
  • Commerce and consumer brands33
  • The first 30 seeds (well-known product and tool sites)28
  • Editorial, media and culture25
  • Design tools and creative software22
  • Studios and agencies21
  • Type foundries13
  • Finance and fintech10

How we measured

Each homepage was opened in Chromium (Playwright) at 1440×900, in light and dark mode. We waited for the network and the fonts to settle, declined cookie banners, scrolled to load lazy content, then read the computed style of every visible element. The figures here are from the desktop capture in the light scheme, unless they are about dark mode.

A font counts only if it rendered text and matches an @font-face rule whose file loaded; a font that is declared but never used does not count. Colors are the exact computed values, weighted by the area they paint, and a site's main color is the saturated color that covers the most of its page.

Body size is the size of most running text, weighted by characters, with navigation and footer left out. The largest heading is the h1, or the largest prominent text. Content width is the most repeated centered max-width. The main corner radius is the most common radius on painted boxes, images excluded. A median is the middle site; the middle half runs from the 25th to the 75th percentile.

The crawler identifies itself as EmblematicBot, honors robots.txt and does not try to get past bot protection. Each site's full measurements and DESIGN.md are on its own page; how Emblematic works has more on what we verify.

What to keep in mind

  • Homepages only. A product's app, docs or checkout can look nothing like its homepage.
  • Detected stack comes from scripts and markup in the page, so tools that leave no trace in the browser are missed.
  • Heuristics, labeled as such. “Main color” and “accent strategy” are rules applied to measured values, not a brand's own guidelines.

Download the data as JSON or the Markdown version. To cite it: Emblematic, “State of web design 2026”, emblematic.dev/reports/state-of-web-design-2026, updated November 13, 2026. Found a mistake? Write to hello@emblematic.dev.