What each site is compared with
Node.js
- Background
- Light #FFFFFF
- Accent
- Green #417E38
- Font
- Open Sans / SFMono
- Corners
- 6px
- Headlines
- 48px, weight 600
-
FreshBooks3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Green #038A06
Same- Font
- Founders / Ibm
Differs- Corners
- 8px
Same- Headlines
- 60px, weight 500
Close
-
Tabnine2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #004C97
Differs- Font
- Open Sans
Close- Corners
- 8px, pill buttons
Close- Headlines
- 46px, weight 700
Same
-
Granola2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Green #93F27D
Same- Font
- Quadrant Notepad / Melange
Differs- Corners
- 8px, pill buttons
Close- Headlines
- 120px, weight 600
Differs
-
Chakra UI3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Teal #0D9488
Differs- Font
- Wix Madefor Text
Differs- Corners
- 6px
Same- Headlines
- 48px, weight 600
Same
-
Bench3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Teal #3FA684
Differs- Font
- Circularstd
Differs- Corners
- 8px
Same- Headlines
- 52px, weight 700
Same
-
Honeycomb3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0078CD
Differs- Font
- Poppins / Roboto
Differs- Corners
- 6px
Same- Headlines
- 52px, weight 500
Same
-
Three.js3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #049EF4
Differs- Font
- Roboto Mono
Differs- Corners
- 4px
Same- Headlines
- 48px, weight 500
Same
-
Roam Research3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #137CBD
Differs- Font
- Inter
Differs- Corners
- 8px
Same- Headlines
- 44px, weight 700
Same
-
Trello3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0065FF
Differs- Font
- Charlie Display / Charlie Text
Differs- Corners
- 5px
Same- Headlines
- 48px, weight 500
Same
-
Microsoft Azure3 of 5 same
- Background
- Light #F7F7F7
Same- Accent
- Blue #0078D4
Differs- Font
- Segoe UI Variable Display / Segoe UI Variable Text
Differs- Corners
- 8px
Same- Headlines
- 48px, weight 500
Same
-
Postmark3 of 5 same
- Background
- Light #FAF9F7
Same- Accent
- Blue #007BC8
Differs- Font
- Elizeth / Rund Text
Differs- Corners
- 4px
Same- Headlines
- 52px, weight 700
Same
-
Svelte3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Red #D43008
Differs- Font
- DM Serif Display / Georgia
Differs- Corners
- 4px
Same- Headlines
- 54px, weight 500
Same
How these are matched
Each of the 475 sites in the design library is compared with Node.js 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 Node.js itself? See Node.js's fonts and color codes, or print the full report.
Measured from each site's live page as a browser renders it, Node.js on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.