What websites look like Goodreads?

freeCodeCamp, InVision, Miro, Podia, Audible have the closest design to Goodreads, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like goodreads.com

Websites like Goodreads

Goodreads's website is light (#FFFFFF), with Lato, 18px headlines at weight 400, 10px corners and a yellow accent (#F5D47A). These 12 sites share the most of that look, closest first.

What each site is compared with

Goodreads

Background: Light #FFFFFF
Accent: Yellow #F5D47A
Font: Lato
Corners: 10px
Headlines: 18px, weight 400

freeCodeCamp3 of 5 same
Background
Light #F5F6F7
Same
Accent
Orange #FEAC32
Same
Font
Lato
Same
Corners
Square
Differs
Headlines
72px, weight 700
Differs
InVision3 of 5 same
Background
Light #FBFAF7
Same
Accent
Yellow #FDE050
Same
Font
Apris / Roobert PRO
Differs
Corners
12px
Same
Headlines
56px, weight 400
Differs
Miro3 of 5 same
Background
Light #FBFAF7
Same
Accent
Yellow #FDE050
Same
Font
Apris / Roobert PRO
Differs
Corners
12px
Same
Headlines
56px, weight 400
Differs
Podia3 of 5 same
Background
Light #FDFDFC
Same
Accent
Yellow #FDC837
Same
Font
GT Standard
Differs
Corners
8px
Same
Headlines
96px, weight 400
Differs
Audible2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FFA000
Same
Font
Audible Sans
Differs
Corners
6px, pill buttons
Close
Headlines
28px, weight 400
Differs
Polestar3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Polestar Unica
Differs
Corners
8px
Same
Headlines
16px, weight 400
Same
Font Awesome2 of 5 same
Background
Light #FFFFFF
Same
Accent
Yellow #FFD43B
Same
Font
Cera Round Pro
Differs
Corners
12px, pill buttons
Close
Headlines
48px, weight 700
Differs
Bolt (mobility)2 of 5 same
Background
Light #F7F9F8
Same
Accent
Yellow #FFB307
Same
Font
Inter
Differs
Corners
11px, pill buttons
Close
Headlines
64px, weight 500
Differs
Rivian2 of 5 same
Background
Light #FFFFFF
Same
Accent
Yellow #FFAA00
Same
Font
Adventure
Differs
Corners
16px, pill buttons
Close
Headlines
56px, weight 600
Differs
Crunchbase2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FAD391
Same
Font
Public Sans
Differs
Corners
6px
Close
Headlines
72px, weight 350
Differs
Xiaomi2 of 5 same
Background
Light #F7F7F7
Same
Accent
Orange #FF6900
Close
Font
Mi Sans
Differs
Corners
10px
Same
Headlines
16px, weight 700
Differs
Garmin2 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #FF9B00
Same
Font
Superscripts Inside Sup Oswald / SF Pro
Differs
Corners
20px
Differs
Headlines
40px, weight 400
Differs

How these are matched

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

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