What websites look like CNN?

Heineken, Deliveroo, Basecamp, Gymshark, Runway have the closest design to CNN, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like edition.cnn.com

Websites like CNN

CNN's website is light (#FFFFFF), with Cnn Sans Display, 36px headlines at weight 700, 4px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

CNN

Background: Light #FFFFFF
Accent: None, monochrome
Font: Cnn Sans Display
Corners: 4px
Headlines: 36px, weight 700

Heineken4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Heineken Serif18 / PT Sans
Differs
Corners
4px
Same
Headlines
36px, weight 700
Same
Deliveroo4 of 5 same
Background
Light #F6F9F9
Same
Accent
None, monochrome
Same
Font
Stratos / Plex Sans
Differs
Corners
4px
Same
Headlines
40px, weight 600
Same
Basecamp3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Graphik
Differs
Corners
5px
Same
Headlines
42px, weight 800
Close
Gymshark3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Plaak Gymshark / SN Skandia
Differs
Corners
4px
Same
Headlines
48px, weight 800
Differs
Runway3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Abc Normal
Differs
Corners
6px
Same
Headlines
40px, weight 400
Differs
Coda3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Calibre R / Inter
Differs
Corners
8px
Differs
Headlines
38px, weight 700
Same
tldraw3 of 5 same
Background
Light #F9FAFB
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
9px
Differs
Headlines
36px, weight 600
Same
v03 of 5 same
Background
Light #FAFAFA
Same
Accent
None, monochrome
Same
Font
Geist / Inter
Differs
Corners
8px
Differs
Headlines
32px, weight 600
Same
Kajabi3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Haffer
Differs
Corners
4px
Same
Headlines
60px, weight 600
Differs
The New York Times3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Nyt Cheltenham / Nyt Imperial
Differs
Corners
3px
Same
Headlines
24px, weight 300
Differs
Adidas3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Adineue
Differs
Corners
3px
Same
Headlines
23px, weight 700
Differs
BigCommerce3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Host Grotesk
Differs
Corners
4px
Same
Headlines
64px, weight 500
Differs

How these are matched

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

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