What fonts does Beacon Roofing Supply use?

Measured from the captured homepage: Harmonia Sans Pro for headings and Harmonia Sans Pro for body copy.

Beacon Roofing Supply website design referenceOpen full Beacon Roofing Supply reference →

Observed typography

Heading font
Harmonia Sans Pro
Body font
Harmonia Sans Pro
System
One family across both roles

How the page is built

Beacon Roofing Supply's captured homepage has 33 sections and 8 inner pages.

  • 13 features
  • 11 content
  • 4 showcase
  • 2 logos
  • 1 blog
  • 1 cta
  • 1 hero

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.

  • #fafafa
  • #ffffff
  • #16191c
  • #fefefe
  • #004bea
  • #e6f1fe

Styles recorded: Light.

Same category, same heading font

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

Beacon Roofing Supply'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?

Beacon Roofing Supply sets headings and body in Harmonia Sans Pro, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Beacon Roofing Supply fonts — FAQ

What font does Beacon Roofing Supply use?

Beacon Roofing Supply uses Harmonia Sans Pro for headings and Harmonia Sans Pro for body copy in the captured homepage.

Is Harmonia Sans Pro free to use?

Check the foundry license for Harmonia Sans Pro before shipping it. This page records what appeared on Beacon Roofing Supply's site and grants no reuse rights.

What colors and sections were captured for Beacon Roofing Supply?

6 colors (#fafafa, #ffffff, #16191c, #fefefe, #004bea, #e6f1fe) and 33 homepage sections, with 8 inner pages.

Which other sites use Harmonia Sans Pro and Harmonia Sans 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