What fonts does Hopper use?

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

Hopper website design referenceOpen full Hopper reference →

Observed typography

Heading font
Proxima Nova
Body font
Proxima Nova
System
One family across both roles

How the page is built

Hopper's captured homepage has 6 sections and 0 inner pages.

  • 2 content
  • 2 footer
  • 1 cta
  • 1 hero

Other sites that use this pair

25 other captured sites use this same pair of fonts.

Captured colors

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

  • #ffffff
  • #f2f2f2
  • #111111
  • #002d11
  • #f6f6f6
  • #606060

Styles recorded: Light.

Same category, same heading font

1 of the 94 other captured Travel sites in this library use Proxima Nova for headings.

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

Hopper sets headings and body in Proxima Nova, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Hopper fonts — FAQ

What font does Hopper use?

Hopper uses Proxima Nova for headings and Proxima Nova for body copy in the captured homepage.

Is Proxima Nova free to use?

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

What colors and sections were captured for Hopper?

6 colors (#ffffff, #f2f2f2, #111111, #002d11, #f6f6f6, #606060) and 6 homepage sections, with 0 inner pages.

Which other sites use Proxima Nova and Proxima Nova?

25 other captured sites use 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