What fonts does On use?

Measured from the captured homepage: Univers Next Pro for headings and Univers Next Pro for body copy.

On website design referenceOpen full On reference →

Observed typography

Heading font
Univers Next Pro
Body font
Univers Next Pro
System
One family across both roles

How the page is built

On's captured homepage has 27 sections and 5 inner pages.

  • 19 content
  • 2 features
  • 1 about
  • 1 hero
  • 1 statement
  • 1 stats
  • 1 team
  • 1 testimonials

Other sites that use this pair

No other captured site in this library uses this same pair of fonts.

Captured colors

The captured homepage uses these 6 colors, in capture order.

  • #000000
  • #eeeeee
  • #202020
  • #afafaf
  • #7d7d7d
  • #4b4b4b

Styles recorded: Dark, Minimal, Award winner.

Same category, same heading font

0 of the 67 other captured Developer Tools sites in this library use Univers Next Pro for headings.

On's website font choices

Captured September 22, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.

A single family or a two-font system?

On sets headings and body in Univers Next Pro, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

On fonts — FAQ

What font does On use?

On uses Univers Next Pro for headings and Univers Next Pro for body copy in the captured homepage.

Is Univers Next Pro free to use?

Check the foundry license for Univers Next Pro before shipping it. This page records what appeared on On's site and grants no reuse rights.

What colors and sections were captured for On?

6 colors (#000000, #eeeeee, #202020, #afafaf, #7d7d7d, #4b4b4b) and 27 homepage sections, with 5 inner pages.

Which other sites use Univers Next Pro and Univers Next Pro?

No other captured site in this library uses this same pair of fonts.

Fonts come from the rendered capture and may change when the site does. Library methodology