What websites look like Granola?

Node.js, Tuple, Plane, Unity, Rippling have the closest design to Granola, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like granola.ai

Websites like Granola

Granola's website is light (#FFFFFF), with Quadrant Notepad headings over Melange, 120px headlines at weight 600, 8px corners and a green accent (#93F27D). These 12 sites share the most of that look, closest first.

What each site is compared with

Granola

Background: Light #FFFFFF
Accent: Green #93F27D
Font: Quadrant Notepad / Melange
Corners: 8px, pill buttons
Headlines: 120px, weight 600

Node.js2 of 5 same
Background
Light #FFFFFF
Same
Accent
Green #417E38
Same
Font
Open Sans / SFMono
Differs
Corners
6px
Close
Headlines
48px, weight 600
Differs
Tuple3 of 5 same
Background
Light #FFFFFF
Same
Accent
Teal #20D5CA
Differs
Font
Inter
Differs
Corners
8px, pill buttons
Same
Headlines
120px, weight 500
Same
Plane3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006399
Differs
Font
Inter
Differs
Corners
10px, pill buttons
Same
Headlines
120px, weight 570
Same
Unity3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3A5BC7
Differs
Font
Inter
Differs
Corners
8px, pill buttons
Same
Headlines
120px, weight 500
Same
Rippling3 of 5 same
Background
Light #FFFFFF
Same
Accent
Pink #7A005D
Differs
Font
Basel
Differs
Corners
6px, pill buttons
Same
Headlines
112px, weight 500
Same
Awwwards2 of 5 same
Background
Light #F8F8F8
Same
Accent
None, monochrome
Differs
Font
Inter Tight
Differs
Corners
8px
Close
Headlines
127px, weight 600
Same
Substack2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FF6719
Differs
Font
Spectral
Differs
Corners
8px, pill buttons
Same
Headlines
104px, weight 600
Close
Hasura2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3970FD
Differs
Font
Inter
Differs
Corners
12px, pill buttons
Close
Headlines
120px, weight 700
Same
FreshBooks1 of 5 same
Background
Light #FFFFFF
Same
Accent
Green #038A06
Close
Font
Founders / Ibm
Differs
Corners
8px
Close
Headlines
60px, weight 500
Differs
Walmart2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #452358
Differs
Font
Everyday Sans
Differs
Corners
8px, pill buttons
Same
Headlines
100px, weight 700
Close
LottieFiles1 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
DM Sans LF
Differs
Corners
8px
Close
Headlines
96px, weight 500
Close
Mistral AI1 of 5 same
Background
Light #FBFBF8
Same
Accent
None, monochrome
Differs
Font
ALTMistral
Differs
Corners
8px
Close
Headlines
96px, weight 500
Close

How these are matched

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

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