What fonts does Micro use?

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

Micro website design referenceOpen full Micro reference →

Observed typography

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

How the page is built

Micro's captured homepage has 42 sections and 6 inner pages.

  • 15 content
  • 11 features
  • 4 cta
  • 4 integrations
  • 4 statement
  • 1 blog
  • 1 faq
  • 1 hero
  • 1 pricing

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.

  • #f5f5f5
  • #221f1c
  • #797267
  • #ffffff
  • #010000
  • #ff6257

Styles recorded: Light, Award winner.

Same category, same heading font

0 of the 110 other captured AI sites in this library use Haffer for headings.

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

Micro sets headings and body in Haffer, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Micro fonts — FAQ

What font does Micro use?

Micro uses Haffer for headings and Haffer for body copy in the captured homepage.

Is Haffer free to use?

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

What colors and sections were captured for Micro?

6 colors (#f5f5f5, #221f1c, #797267, #ffffff, #010000, #ff6257) and 42 homepage sections, with 6 inner pages.

Which other sites use Haffer 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