What fonts does Mr. Roof use?

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

Mr. Roof website design referenceOpen full Mr. Roof reference →

Observed typography

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

How the page is built

Mr. Roof's captured homepage has 24 sections and 6 inner pages.

  • 10 content
  • 8 features
  • 1 about
  • 1 blog
  • 1 hero
  • 1 logos
  • 1 statement
  • 1 stats

Other sites that use this pair

1 other captured site uses this same pair of fonts.

Captured colors

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

  • #f7f8f9
  • #102438
  • #e51421
  • #ffffff
  • #021425
  • #eceef0

Styles recorded: Light.

Same category, same heading font

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

Mr. Roof'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?

Mr. Roof sets headings and body in Metropolis, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Mr. Roof fonts — FAQ

What font does Mr. Roof use?

Mr. Roof uses Metropolis for headings and Metropolis for body copy in the captured homepage.

Is Metropolis free to use?

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

What colors and sections were captured for Mr. Roof?

6 colors (#f7f8f9, #102438, #e51421, #ffffff, #021425, #eceef0) and 24 homepage sections, with 6 inner pages.

Which other sites use Metropolis and Metropolis?

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