What websites look like The Noun Project?

Unity, Hasura, Behance, Storybook, Bubble have the closest design to The Noun Project, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like thenounproject.com

Websites like The Noun Project

The Noun Project's website is light (#FFFFFF), with Arbeit, 120px headlines at weight 600, 4px corners and a blue accent (#0533B8). These 12 sites share the most of that look, closest first.

What each site is compared with

The Noun Project

Background: Light #FFFFFF
Accent: Blue #0533B8
Font: Arbeit
Corners: 4px, pill buttons
Headlines: 120px, weight 600

Unity3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3A5BC7
Same
Font
Inter
Differs
Corners
8px, pill buttons
Differs
Headlines
120px, weight 500
Same
Hasura3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3970FD
Same
Font
Inter
Differs
Corners
12px, pill buttons
Differs
Headlines
120px, weight 700
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
Storybook3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1E293B
Same
Font
Nunito Sans
Differs
Corners
4px, pill buttons
Same
Headlines
56px, weight 500
Differs
Bubble3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0C29AB
Same
Font
Manrope
Differs
Corners
4px, pill buttons
Same
Headlines
51px, weight 800
Differs
Coolors2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2563EB
Same
Font
Inter
Differs
Corners
8px
Differs
Headlines
110px, weight 800
Close
Zeplin2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3989F9
Same
Font
SF Pro Display
Differs
Corners
4px
Close
Headlines
54px, weight 600
Differs
Next.js2 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #0057FF
Same
Font
Geist
Differs
Corners
6px
Close
Headlines
64px, weight 450
Differs
HP2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Same
Font
Forma Djr Micro
Differs
Corners
4px
Close
Headlines
50px, weight 400
Differs
Grafana2 of 5 same
Background
Light #F4F4F6
Same
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Differs
Corners
6px
Close
Headlines
60px, weight 600
Differs
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
Differs
TypeScript2 of 5 same
Background
Light #FAF9F8
Same
Accent
Blue #719AF4
Same
Font
Segoe UI
Differs
Corners
6px
Close
Headlines
40px, weight 600
Differs

How these are matched

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

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