What websites look like Hopper?

Red Bull, Kubernetes, Skyscanner, Busuu, Instagram have the closest design to Hopper, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like hopper.com

Websites like Hopper

Hopper's website is light (#FFFFFF), with Proxima Nova, 32px headlines at weight 800, 29px corners and a blue accent (#1878EC). These 12 sites share the most of that look, closest first.

What each site is compared with

Hopper

Background: Light #FFFFFF
Accent: Blue #1878EC
Font: Proxima Nova
Corners: 29px
Headlines: 32px, weight 800

Red Bull3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3860BE
Same
Font
Bull
Differs
Corners
19px
Close
Headlines
32px, weight 700
Same
Kubernetes2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #326CE5
Same
Font
Open Sans
Differs
Corners
19px
Close
Headlines
42px, weight 600
Close
Skyscanner3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0062E3
Same
Font
Skyscanner Relative
Differs
Corners
12px
Differs
Headlines
32px, weight 700
Same
Busuu3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #116EEE
Same
Font
Helvetica Neue
Differs
Corners
8px, pill buttons
Differs
Headlines
32px, weight 800
Same
Instagram2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0064E0
Same
Font
Instagram Sans / Optimistic
Differs
Corners
22px
Close
Headlines
40px, weight 400
Differs
The Guardian2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #052962
Same
Font
GH Guardian Headline / Guardian Text Sans
Differs
Corners
18px
Differs
Headlines
28px, weight 700
Close
Bluesky2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006AFF
Same
Font
Inter
Differs
Corners
14px
Differs
Headlines
30px, weight 600
Close
Elastic2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0B64DD
Same
Font
Geist Mono / Inter
Differs
Corners
21px
Close
Headlines
44px, weight 500
Differs
Casper1 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1E306E
Close
Font
New Kansas / Calibre
Differs
Corners
24px, pill buttons
Close
Headlines
32px, weight 600
Close
Cloudinary2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0095FF
Same
Font
Inter
Differs
Corners
19px, pill buttons
Close
Headlines
47px, weight 300
Differs
Apple2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0071E3
Same
Font
SF Pro Display / SF Pro Text
Differs
Corners
22px, pill buttons
Close
Headlines
56px, weight 600
Differs
DeepL2 of 5 same
Background
Light #F5F5F5
Same
Accent
Blue #0F2B46
Same
Font
Roboto
Differs
Corners
20px
Close
Headlines
48px, weight 300
Differs

How these are matched

Each of the 475 sites in the design library is compared with Hopper on five things you see at a glance. Background: light or dark, and how close the shade is. Accent: the hue of the color on buttons and links. Font: the same family for headings and body, or one of them. Corners: the typical radius and pill buttons. Headlines: the largest type size and its weight. Same counts most, close counts half. Open any site for its fonts, color codes and a prompt for Claude Code, Cursor, Lovable or v0.

Want Hopper itself? See Hopper's fonts and color codes, or print the full report.

Measured from each site's live page as a browser renders it, Hopper on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.