What each site is compared with
Penpot
- Background
- Light #F5F8FB
- Accent
- None, monochrome
- Font
- Work Sans
- Corners
- 18px
- Headlines
- 72px, weight 400
-
Synthesia4 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Basiersquare
Differs- Corners
- 18px
Same- Headlines
- 72px, weight 500
Same
-
Heap4 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Circular Standard / Lettera Text
Differs- Corners
- 17px
Same- Headlines
- 72px, weight 400
Same
-
Zendesk4 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Vanilla Sans
Differs- Corners
- 16px
Same- Headlines
- 68px, weight 500
Same
-
Tailscale4 of 5 same
- Background
- Light #F9F7F6
Same- Accent
- None, monochrome
Same- Font
- Inter
Differs- Corners
- 16px
Same- Headlines
- 64px, weight 500
Same
-
Lululemon4 of 5 same
- Background
- Light #FAFAFA
Same- Accent
- None, monochrome
Same- Font
- Saans
Differs- Corners
- 20px
Same- Headlines
- 64px, weight 400
Same
-
Klarna4 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Klarna Title / Klarna Text
Differs- Corners
- 16px
Same- Headlines
- 66px, weight 400
Same
-
Contentful3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Avenir Next
Differs- Corners
- 20px
Same- Headlines
- 72px, weight 600
Close
-
Freshworks3 of 5 same
- Background
- Light #F7F7F4
Same- Accent
- None, monochrome
Same- Font
- Lora / Inter
Differs- Corners
- 24px, pill buttons
Close- Headlines
- 72px, weight 400
Same
-
folk3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Uxumgrotesque / Inter
Differs- Corners
- 14px
Close- Headlines
- 72px, weight 500
Same
-
Prisma3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Sora / Inter
Differs- Corners
- 18px
Same- Headlines
- 62px, weight 500
Close
-
Airbnb3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- None, monochrome
Same- Font
- Airbnb Cereal
Differs- Corners
- 20px
Same- Headlines
- 66px, weight 600
Close
-
Sketch3 of 5 same
- Background
- Light #F5F5F5
Same- Accent
- None, monochrome
Same- Font
- Reckless / Inter
Differs- Corners
- 24px, pill buttons
Close- Headlines
- 76px, weight 500
Same
How these are matched
Each of the 475 sites in the design library is compared with Penpot 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 Penpot itself? See Penpot's fonts and color codes, or print the full report.
Measured from each site's live page as a browser renders it, Penpot on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.