What fonts does Osmo use?

Measured from the captured homepage: Haffer XH for headings and Haffer for body copy.

Osmo website design referenceOpen full Osmo reference →

Observed typography

Heading font
Haffer XH
Body font
Haffer
System
Two-family hierarchy

How the page is built

Osmo's captured homepage has 16 sections and 2 inner pages.

  • 6 content
  • 3 showcase
  • 2 features
  • 1 cta
  • 1 footer
  • 1 hero
  • 1 pricing
  • 1 statement

Other sites that use this pair

1 other captured site uses this same pair of fonts.

Captured colors

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

  • #f4f4f4
  • #201d1d
  • #a1ff62
  • #f84131
  • #151313

Styles recorded: Light, Colorful, Award winner.

Same category, same heading font

0 of the 202 other captured Design & Agency sites in this library use Haffer XH for headings.

Osmo'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?

Osmo pairs Haffer XH for headings with Haffer for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Osmo fonts — FAQ

What font does Osmo use?

Osmo uses Haffer XH for headings and Haffer for body copy in the captured homepage.

Is Haffer XH free to use?

Check the foundry license for Haffer XH before shipping it. This page records what appeared on Osmo's site and grants no reuse rights.

What colors and sections were captured for Osmo?

5 colors (#f4f4f4, #201d1d, #a1ff62, #f84131, #151313) and 16 homepage sections, with 2 inner pages.

Which other sites use Haffer XH and Haffer?

1 other captured site uses this same pair of fonts. The links on this page go to the first ones in library order.

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