What websites look like The Guardian?

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

Websites like theguardian.com

Websites like The Guardian

The Guardian's website is light (#FFFFFF), with GH Guardian Headline headings over Guardian Text Sans, 28px headlines at weight 700, 18px corners and a blue accent (#052962). These 12 sites share the most of that look, closest first.

What each site is compared with

The Guardian

Background: Light #FFFFFF
Accent: Blue #052962
Font: GH Guardian Headline / Guardian Text Sans
Corners: 18px
Headlines: 28px, weight 700

Red Bull3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3860BE
Same
Font
Bull
Differs
Corners
19px
Same
Headlines
32px, weight 700
Close
Bluesky3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006AFF
Same
Font
Inter
Differs
Corners
14px
Close
Headlines
30px, weight 600
Same
Skyscanner2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0062E3
Same
Font
Skyscanner Relative
Differs
Corners
12px
Close
Headlines
32px, weight 700
Close
Casper2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1E306E
Same
Font
New Kansas / Calibre
Differs
Corners
24px, pill buttons
Close
Headlines
32px, weight 600
Close
Kubernetes3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #326CE5
Same
Font
Open Sans
Differs
Corners
19px
Same
Headlines
42px, weight 600
Differs
Snapchat2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0096E5
Close
Font
Avenir Next
Differs
Corners
16px, pill buttons
Close
Headlines
28px, weight 700
Same
ASUS3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006CE1
Same
Font
TTNorms Pro / Roboto
Differs
Corners
16px
Same
Headlines
52px, weight 400
Differs
DeepL3 of 5 same
Background
Light #F5F5F5
Same
Accent
Blue #0F2B46
Same
Font
Roboto
Differs
Corners
20px
Same
Headlines
48px, weight 300
Differs
Google Cloud3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #336EF3
Same
Font
Google Sans
Differs
Corners
20px
Same
Headlines
57px, weight 500
Differs
Docker3 of 5 same
Background
Light #F9FAFB
Same
Accent
Blue #2560FF
Same
Font
Repro / Inter
Differs
Corners
18px
Same
Headlines
64px, weight 500
Differs
Calendly3 of 5 same
Background
Light #FCFBF8
Same
Accent
Blue #84C1FF
Same
Font
Calendly Sans / Geist
Differs
Corners
16px
Same
Headlines
72px, weight 500
Differs
WeTransfer2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3767EA
Same
Font
Actief Grotesque
Differs
Corners
12px
Close
Headlines
31px, weight 400
Differs

How these are matched

Each of the 475 sites in the design library is compared with The Guardian 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 The Guardian itself? See The Guardian's fonts and color codes, or print the full report.

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