What each site is compared with
Claude
- Background
- Light #FFFFFF
- Accent
- Blue #1757AC
- Font
- Anthropic Serif / Anthropic Sans
- Corners
- 10px
- Headlines
- 56px, weight 330
-
Crisp3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0D66E9
Same- Font
- Crisp Inter / Crisp Aeonik Pro
Differs- Corners
- 12px
Same- Headlines
- 48px, weight 400
Close
-
ASUS3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #006CE1
Same- Font
- TTNorms Pro / Roboto
Differs- Corners
- 16px
Close- Headlines
- 52px, weight 400
Same
-
Microsoft Azure3 of 5 same
- Background
- Light #F7F7F7
Same- Accent
- Blue #0078D4
Same- Font
- Segoe UI Variable Display / Segoe UI Variable Text
Differs- Corners
- 8px
Same- Headlines
- 48px, weight 500
Close
-
Zoom2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #1D4F76
Same- Font
- Newsreader / Inter
Close- Corners
- 8px, pill buttons
Close- Headlines
- 32px, weight 600
Differs
-
Porsche2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #007AFF
Same- Font
- Porsche Next
Differs- Corners
- 8px, pill buttons
Close- Headlines
- 48px, weight 400
Close
-
MongoDB2 of 5 same
- Background
- Light #FDFFF5
Same- Accent
- Blue #006CFA
Same- Font
- Söhne
Differs- Corners
- 16px, pill buttons
Close- Headlines
- 64px, weight 500
Close
-
Honeycomb2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0078CD
Same- Font
- Poppins / Roboto
Differs- Corners
- 6px
Close- Headlines
- 52px, weight 500
Close
-
Next.js2 of 5 same
- Background
- Light #FAFAFA
Same- Accent
- Blue #0057FF
Same- Font
- Geist
Differs- Corners
- 6px
Close- Headlines
- 64px, weight 450
Close
-
Calendly2 of 5 same
- Background
- Light #FCFBF8
Same- Accent
- Blue #84C1FF
Same- Font
- Calendly Sans / Geist
Differs- Corners
- 16px
Close- Headlines
- 72px, weight 500
Close
-
MUI3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0073E6
Same- Font
- General Sans / IBM Plex Sans
Differs- Corners
- 10px
Same- Headlines
- 56px, weight 600
Differs
-
Wrike3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0073D3
Same- Font
- TT Norms Pro
Differs- Corners
- 10px
Same- Headlines
- 64px, weight 600
Differs
-
Signal3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #2C6BED
Same- Font
- Inter
Differs- Corners
- 8px
Same- Headlines
- 60px, weight 800
Differs
How these are matched
Each of the 475 sites in the design library is compared with Claude 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 Claude itself? See Claude's fonts and color codes, or print the full report.
Measured from each site's live page as a browser renders it, Claude on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.