What websites look like Storybook?

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

Websites like storybook.js.org

Websites like Storybook

Storybook's website is light (#FFFFFF), with Nunito Sans, 56px headlines at weight 500, 4px corners and a blue accent (#1E293B). These 12 sites share the most of that look, closest first.

What each site is compared with

Storybook

Background: Light #FFFFFF
Accent: Blue #1E293B
Font: Nunito Sans
Corners: 4px, pill buttons
Headlines: 56px, weight 500

Zeplin3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3989F9
Same
Font
SF Pro Display
Differs
Corners
4px
Close
Headlines
54px, weight 600
Same
HP3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Same
Font
Forma Djr Micro
Differs
Corners
4px
Close
Headlines
50px, weight 400
Same
Grafana3 of 5 same
Background
Light #F4F4F6
Same
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Differs
Corners
6px
Close
Headlines
60px, weight 600
Same
Trello2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0065FF
Same
Font
Charlie Display / Charlie Text
Differs
Corners
5px
Close
Headlines
48px, 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
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
Behance3 of 5 same
Background
Light #F9F9F9
Same
Accent
Blue #0057FF
Same
Font
Acumin Pro Wide / Acumin Pro
Differs
Corners
6px, pill buttons
Same
Headlines
80px, weight 600
Differs
Honeycomb2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Close
Font
Poppins / Roboto
Differs
Corners
6px
Close
Headlines
52px, weight 500
Same
The Noun Project3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0533B8
Same
Font
Arbeit
Differs
Corners
4px, pill buttons
Same
Headlines
120px, weight 600
Differs
ASUS3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006CE1
Same
Font
TTNorms Pro / Roboto
Differs
Corners
16px
Differs
Headlines
52px, weight 400
Same
Google Cloud3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #336EF3
Same
Font
Google Sans
Differs
Corners
20px
Differs
Headlines
57px, weight 500
Same
Akamai3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0047E2
Same
Font
Instrument Sans
Differs
Corners
20px, pill buttons
Differs
Headlines
60px, weight 600
Same

How these are matched

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

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