What fonts does Hape use?

Measured from the captured homepage: Greycliff CFExtra for headings and Greycliff CF for body copy.

Hape website design referenceOpen full Hape reference →

Observed typography

Heading font
Greycliff CFExtra
Body font
Greycliff CF
System
Two-family hierarchy

How the page is built

Hape's captured homepage has 22 sections and 5 inner pages.

  • 12 content
  • 9 features
  • 1 about

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
  • #fafaf9
  • #ed0000
  • #2b3136
  • #e52319
  • #131313

Styles recorded: Light, Colorful.

Same category, same heading font

0 of the 132 other captured Shopping sites in this library use Greycliff CFExtra for headings.

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

Hape pairs Greycliff CFExtra for headings with Greycliff CF for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Hape fonts — FAQ

What font does Hape use?

Hape uses Greycliff CFExtra for headings and Greycliff CF for body copy in the captured homepage.

Is Greycliff CFExtra free to use?

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

What colors and sections were captured for Hape?

6 colors (#ffffff, #fafaf9, #ed0000, #2b3136, #e52319, #131313) and 22 homepage sections, with 5 inner pages.

Which other sites use Greycliff CFExtra and Greycliff CF?

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