What fonts does Method use?
Measured from the captured homepage: Haffer XH for headings and Haffer for body copy.
Open full Method reference →Observed typography
- Heading font
- Haffer XH
- Body font
- Haffer
- System
- Two-family hierarchy
How the page is built
Method's captured homepage has 17 sections and 6 inner pages.
- 8 features
- 6 content
- 1 footer
- 1 showcase
- 1 statement
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #ffffff
- #414042
- #4d0084
- #000000
- #007a7d
- #7800bf
Styles recorded: Light, Colorful.
Same category, same heading font
0 of the 257 other captured Lifestyle sites in this library use Haffer XH for headings.
Method'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?
Method 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.
Method fonts — FAQ
What font does Method use?
Method 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 Method's site and grants no reuse rights.
What colors and sections were captured for Method?
6 colors (#ffffff, #414042, #4d0084, #000000, #007a7d, #7800bf) and 17 homepage sections, with 6 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