What fonts does Compass use?

Measured from the captured homepage: Compass Serif for headings and Compass Sans for body copy.

Compass website design referenceOpen full Compass reference →

Observed typography

Heading font
Compass Serif
Body font
Compass Sans
System
Two-family hierarchy

How the page is built

Compass's captured homepage has 37 sections and 7 inner pages.

  • 19 content
  • 7 features
  • 3 statement
  • 2 about
  • 1 blog
  • 1 cta
  • 1 footer
  • 1 hero
  • 1 logos
  • 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.

  • #ffffff
  • #e8e8e8
  • #333333
  • #6c6c6c
  • #000000
  • #171717

Styles recorded: Light, Serif, Minimal.

Same category, same heading font

0 of the 107 other captured Real Estate sites in this library use Compass Serif for headings.

Compass's website font choices

Captured September 23, 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?

Compass pairs Compass Serif for headings with Compass Sans for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Compass fonts — FAQ

What font does Compass use?

Compass uses Compass Serif for headings and Compass Sans for body copy in the captured homepage.

Is Compass Serif free to use?

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

What colors and sections were captured for Compass?

6 colors (#ffffff, #e8e8e8, #333333, #6c6c6c, #000000, #171717) and 37 homepage sections, with 7 inner pages.

Which other sites use Compass Serif and Compass Sans?

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