FONTS & COLORS
We measured the live sites of 168 well-known brands in October 2026. Here is what they use for type, color and buttons.
In short
The most common website font in 2026 is Inter: 43 of the 168 brand sites we measured use it, 30 for their main text. But most brands pay for their type: 54% set their text in a commercial or custom typeface. Blue is the most common brand color, and 44% of the sites open in dark mode.
| Finding | Sites | Share |
|---|---|---|
| Use Inter somewhere | 43 | |
| Main text in a commercial or custom font | 91 | |
| Open in dark mode | 74 | |
| Blue as the main accent color | 45 | |
| Pill-shaped main button | 53 of 146 | |
| Tighter letter spacing on the headline | 111 of 165 | |
| No drop shadows at all | 65 | |
| A monospace font for code or labels | 43 | |
| A serif headline | 20 |
Big brands mostly buy their type, or have it drawn. Inter is the one free font that shows up again and again: 30 sites set their main text in it. Only 11 rely on the device’s own font.
| Main text font | What it is | Sites |
|---|---|---|
| Commercial or custom | Bought from a foundry or drawn for the brand | |
| Free font | Google Fonts, Fontshare or open source, not Inter | |
| Inter | The free sans serif most apps use | |
| System font | The device’s own font, nothing to load |
Counted wherever a font is used: main text, headlines, labels or code. Vercel’s free Geist and Geist Mono come next. System fonts are left out here. 24% of the sites load three or more font families.
| Font | Sites | Share |
|---|---|---|
| Inter | 43 | |
| Geist Mono | 7 | |
| Geist | 6 | |
| ABC Favorit | 3 | |
| Apercu | 3 | |
| Charlie | 3 | |
| Graphik | 3 | |
| IBM Plex Mono | 3 | |
| JetBrains Mono | 3 | |
| Matter | 3 | |
| Roboto | 3 | |
| Saans | 3 | |
| Serrif | 3 |
The median headline is 60px on a laptop (half the sites sit between 48 and 72px) and 38px on a phone. Body text is most often 16px (47%). 67% tighten the headline’s letter spacing, typically to -0.022em.
| Headline size | Sites | Share |
|---|---|---|
| Under 40px | 18 | |
| 40-55px | 42 | |
| 56-71px | 55 | |
| 72-95px | 33 | |
| 96px or more | 17 |
Blue leads, tied with brands whose main accent is black, white or gray, like Vercel, Linear and Nike. Light sites mostly use pure white (66% of them), but only 23% of dark sites use pure black: most pick a near-black.
| Accent color | Sites | Share |
|---|---|---|
| Black, white or gray | 45 | |
| Blue | 45 | |
| Orange | 18 | |
| Red | 14 | |
| Purple | 12 | |
| Teal | 12 | |
| Green | 10 | |
| Yellow | 8 | |
| Pink | 4 |
74 of 168 sites (44%) open in dark mode. It depends on who they sell to: 27 of 37 developer tools are dark, and none of the 11 marketing and analytics tools are.
| Category | Sites | Dark by default | Most common font |
|---|---|---|---|
| AI | 14 | Basier Square | |
| Developer tools | 37 | Inter | |
| UI and animation libraries | 7 | All different | |
| SaaS and productivity | 37 | Inter | |
| Fintech and payments | 13 | Inter | |
| Marketing and analytics | 11 | All different | |
| Design tools and site builders | 13 | Inter | |
| Inspiration | 7 | All different | |
| E-commerce and brands | 12 | All different | |
| Media and consumer apps | 14 | System UI | |
| Security and privacy | 3 | All different |
Each brand’s DESIGN.md comes from Sitepeel’s DESIGN.md generator, which opens the live page at 1440px wide (and at 390px for phone sizes) and reads the styles the browser actually rendered. We measured each site once, from October 21 to October 26, 2026.
The CSV has one row per brand: theme, background, text and accent colors, every font, headline and body sizes, button corners and shadows, plus a link to its full DESIGN.md. Free to use with credit (CC BY 4.0).
Sitepeel (2026). The fonts and colors of 168 top websites. Measured October 21 to October 26, 2026. https://sitepeel.dev/reports/top-website-fonts-and-colors/Each page has the brand’s colors, fonts, type scale and DESIGN.md file.
Inter. 43 of the 168 top brand sites we measured use it, 30 for their main text. Geist and the device’s own system font come next among the fonts we could name.
Mostly their own. 54% of the 168 brands set their main text in a commercial or custom typeface, such as Airbnb Cereal, Uber Move or Söhne. Only 18% use Inter for it.
Blue: 45 of 168 sites (27%) use it as their main accent. As many use black, white or gray instead of a color.
44% of the 168 sites open in dark mode. Developer tools lean dark (27 of 37); marketing and analytics tools lean light.
16px is the most common (47% of sites). The median headline is 60px on a laptop and 38px on a phone.
Yes. The CSV is free to use with credit (CC BY 4.0). Link to this page as the source.
TAKE A CLOSER LOOK
Inspect it. Understand it. Build something of your own.
