What fonts does Ref use?

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

Ref website design referenceOpen full Ref reference →

Observed typography

Heading font
Habitus
Body font
Habitus
System
One family across both roles

How the page is built

Ref's captured homepage has 21 sections and 5 inner pages.

  • 14 content
  • 2 statement
  • 1 about
  • 1 features
  • 1 footer
  • 1 hero
  • 1 logos

Other sites that use this pair

1 other captured site uses this same pair of fonts.

Captured colors

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

  • #c4bab0
  • #000000
  • #ffffff

Styles recorded: Light, Minimal, Award winner.

Same category, same heading font

0 of the 132 other captured Shopping sites in this library use Habitus for headings.

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

Ref sets headings and body in Habitus, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Ref fonts — FAQ

What font does Ref use?

Ref uses Habitus for headings and Habitus for body copy in the captured homepage.

Is Habitus free to use?

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

What colors and sections were captured for Ref?

3 colors (#c4bab0, #000000, #ffffff) and 21 homepage sections, with 5 inner pages.

Which other sites use Habitus and Habitus?

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