What websites look like Zeplin?

Trello, Honeycomb, Grafana, Apple, Storybook have the closest design to Zeplin, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like zeplin.io

Websites like Zeplin

Zeplin's website is light (#FFFFFF), with SF Pro Display, 54px headlines at weight 600, 4px corners and a blue accent (#3989F9). These 12 sites share the most of that look, closest first.

What each site is compared with

Zeplin

Background: Light #FFFFFF
Accent: Blue #3989F9
Font: SF Pro Display
Corners: 4px
Headlines: 54px, weight 600

Trello4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0065FF
Same
Font
Charlie Display / Charlie Text
Differs
Corners
5px
Same
Headlines
48px, weight 500
Same
Honeycomb4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Same
Font
Poppins / Roboto
Differs
Corners
6px
Same
Headlines
52px, weight 500
Same
Grafana4 of 5 same
Background
Light #F4F4F6
Same
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Differs
Corners
6px
Same
Headlines
60px, weight 600
Same
Apple3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0071E3
Same
Font
SF Pro Display / SF Pro Text
Close
Corners
22px, pill buttons
Differs
Headlines
56px, weight 600
Same
Storybook3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1E293B
Same
Font
Nunito Sans
Differs
Corners
4px, pill buttons
Close
Headlines
56px, weight 500
Same
HP3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Same
Font
Forma Djr Micro
Differs
Corners
4px
Same
Headlines
50px, weight 400
Close
Salesforce3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #032D60
Same
Font
Salesforce Sans
Differs
Corners
4px
Same
Headlines
42px, weight 600
Close
Next.js3 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #0057FF
Same
Font
Geist
Differs
Corners
6px
Same
Headlines
64px, weight 450
Close
Postmark3 of 5 same
Background
Light #FAF9F7
Same
Accent
Blue #007BC8
Close
Font
Elizeth / Rund Text
Differs
Corners
4px
Same
Headlines
52px, weight 700
Same
Three.js3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #049EF4
Close
Font
Roboto Mono
Differs
Corners
4px
Same
Headlines
48px, weight 500
Same
Heroku3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0176D3
Same
Font
Avant Garde / Salesforce Sans
Differs
Corners
4px
Same
Headlines
40px, weight 600
Differs
MUI3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0073E6
Same
Font
General Sans / IBM Plex Sans
Differs
Corners
10px
Differs
Headlines
56px, weight 600
Same

How these are matched

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

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