What websites look like Proton?

monday.com, Typesense, ESLint, Craft, Fly.io have the closest design to Proton, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like proton.me

Websites like Proton

Proton's website is light (#FFFFFF), with Proton Serif headings over Proton Sans, 60px headlines at weight 400, 17px corners and a blue accent (#6D4AFF). These 12 sites share the most of that look, closest first.

What each site is compared with

Proton

Background: Light #FFFFFF
Accent: Blue #6D4AFF
Font: Proton Serif / Proton Sans
Corners: 17px, pill buttons
Headlines: 60px, weight 400

monday.com3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #6161FF
Close
Font
Poppins
Differs
Corners
16px, pill buttons
Same
Headlines
56px, weight 400
Same
Typesense3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #353FD7
Close
Font
Oddval / Inter
Differs
Corners
16px, pill buttons
Same
Headlines
56px, weight 500
Same
ESLint3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #4B32C3
Same
Font
Space Grotesk / Inter
Differs
Corners
8px
Differs
Headlines
66px, weight 500
Same
Craft2 of 5 same
Background
Light #FCF9F7
Same
Accent
None, monochrome
Differs
Font
Untitled Serif / Untitled Sans
Close
Corners
24px
Close
Headlines
66px, weight 400
Same
Fly.io2 of 5 same
Background
Light #F1F2F9
Close
Accent
Purple #7C3AED
Same
Font
Mackinac / Fricolage Grotesque
Differs
Corners
21px, pill buttons
Close
Headlines
64px, weight 500
Same
HubSpot2 of 5 same
Background
Light #FCFCFA
Same
Accent
Orange #FF4800
Differs
Font
HubSpot Serif / HubSpot Sans
Close
Corners
23px
Close
Headlines
65px, weight 300
Same
Cognition2 of 5 same
Background
Light #F7F6F5
Same
Accent
Blue #2200FF
Same
Font
Nb International / Stk Bureau Serif
Close
Corners
Square
Differs
Headlines
36px, weight 400
Differs
Opera2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #5021FF
Same
Font
Be Vietnam Pro
Differs
Corners
17px
Close
Headlines
59px, weight 900
Differs
WooCommerce1 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #873EFF
Close
Font
Proxima Vara / Inter
Differs
Corners
16px
Close
Headlines
65px, weight 600
Close
The Verge2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #5200FF
Same
Font
Manuka / Poly Sans
Differs
Corners
22px, pill buttons
Close
Headlines
90px, weight 900
Differs
Superhuman2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #D4C7FF
Same
Font
Super Sans
Differs
Corners
8px
Differs
Headlines
49px, weight 460
Close
Heroicons2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8B5CF6
Same
Font
Inter
Differs
Corners
12px, pill buttons
Close
Headlines
36px, weight 800
Differs

How these are matched

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

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