What websites look like Heroku?

Salesforce, SolidJS, Three.js, Postmark, Trello have the closest design to Heroku, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like heroku.com

Websites like Heroku

Heroku's website is light (#FFFFFF), with Avant Garde headings over Salesforce Sans, 40px headlines at weight 600, 4px corners and a blue accent (#0176D3). These 12 sites share the most of that look, closest first.

What each site is compared with

Heroku

Background: Light #FFFFFF
Accent: Blue #0176D3
Font: Avant Garde / Salesforce Sans
Corners: 4px
Headlines: 40px, weight 600

Salesforce4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #032D60
Same
Font
Salesforce Sans
Close
Corners
4px
Same
Headlines
42px, weight 600
Same
SolidJS4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #4F88C6
Same
Font
Gordita
Differs
Corners
6px
Same
Headlines
36px, weight 600
Same
Three.js3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #049EF4
Same
Font
Roboto Mono
Differs
Corners
4px
Same
Headlines
48px, weight 500
Close
Postmark3 of 5 same
Background
Light #FAF9F7
Same
Accent
Blue #007BC8
Same
Font
Elizeth / Rund Text
Differs
Corners
4px
Same
Headlines
52px, weight 700
Close
Trello3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0065FF
Same
Font
Charlie Display / Charlie Text
Differs
Corners
5px
Same
Headlines
48px, weight 500
Close
Honeycomb3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Same
Font
Poppins / Roboto
Differs
Corners
6px
Same
Headlines
52px, weight 500
Close
TypeScript3 of 5 same
Background
Light #FAF9F8
Same
Accent
Blue #719AF4
Close
Font
Segoe UI
Differs
Corners
6px
Same
Headlines
40px, weight 600
Same
Zeplin3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3989F9
Same
Font
SF Pro Display
Differs
Corners
4px
Same
Headlines
54px, weight 600
Differs
Roam Research3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Same
Font
Inter
Differs
Corners
8px
Differs
Headlines
44px, weight 700
Same
Beautiful.ai3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #00B9FF
Same
Font
Post Grotesk
Differs
Corners
12px, pill buttons
Differs
Headlines
38px, weight 700
Same
HP2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Close
Font
Forma Djr Micro
Differs
Corners
4px
Same
Headlines
50px, weight 400
Close
Elastic3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0B64DD
Same
Font
Geist Mono / Inter
Differs
Corners
21px
Differs
Headlines
44px, weight 500
Same

How these are matched

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

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