What websites look like Cognition?

BBC, Proton, Everlane, Oura, Microsoft have the closest design to Cognition, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like cognition.com

Websites like Cognition

Cognition's website is light (#F7F6F5), with Nb International headings over Stk Bureau Serif, 36px headlines at weight 400, square corners and a blue accent (#2200FF). These 12 sites share the most of that look, closest first.

What each site is compared with

Cognition

Background: Light #F7F6F5
Accent: Blue #2200FF
Font: Nb International / Stk Bureau Serif
Corners: Square
Headlines: 36px, weight 400

BBC2 of 5 same
Background
Light #FFFFFF
Same
Accent
Red #EB0000
Differs
Font
BBC Reith Serif
Close
Corners
Square
Same
Headlines
28px, weight 500
Close
Proton2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #6D4AFF
Same
Font
Proton Serif / Proton Sans
Close
Corners
17px, pill buttons
Differs
Headlines
60px, weight 400
Differs
Everlane3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Maison Neue
Differs
Corners
Square
Same
Headlines
35px, weight 400
Same
Oura2 of 5 same
Background
Light #F7F1E8
Same
Accent
None, monochrome
Differs
Font
Editorial New / Akkurat LL
Close
Corners
Square
Same
Headlines
80px, weight 300
Differs
Microsoft2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Segoe UI Variable Text
Differs
Corners
Square
Same
Headlines
42px, weight 600
Close
Zara2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Helvetica Now Text
Differs
Corners
Square
Same
Headlines
45px, weight 600
Close
Ferrari2 of 5 same
Background
Light #FFFFFF
Same
Accent
Red #DA291C
Differs
Font
Ferrari Sans
Differs
Corners
Square
Same
Headlines
28px, weight 500
Close
Stripe2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #533AFD
Same
Font
Söhne
Differs
Corners
6px
Differs
Headlines
48px, weight 300
Differs
Excalidraw2 of 5 same
Background
Light #F6F6F9
Same
Accent
Blue #6965DB
Same
Font
Assistant
Differs
Corners
8px, pill buttons
Differs
Headlines
45px, weight 700
Differs
Khan Academy2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #5753FA
Same
Font
Plus Jakarta Sans
Differs
Corners
8px
Differs
Headlines
42px, weight 700
Differs
Heroicons2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8B5CF6
Same
Font
Inter
Differs
Corners
12px, pill buttons
Differs
Headlines
36px, weight 800
Differs
Superhuman2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #D4C7FF
Same
Font
Super Sans
Differs
Corners
8px
Differs
Headlines
49px, weight 460
Differs

How these are matched

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

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