What websites look like Trello?

HP, Zeplin, Loom, Salesforce, Porsche have the closest design to Trello, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like trello.com

Websites like Trello

Trello's website is light (#FFFFFF), with Charlie Display headings over Charlie Text, 48px headlines at weight 500, 5px corners and a blue accent (#0065FF). These 12 sites share the most of that look, closest first.

What each site is compared with

Trello

Background: Light #FFFFFF
Accent: Blue #0065FF
Font: Charlie Display / Charlie Text
Corners: 5px
Headlines: 48px, weight 500

HP4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Same
Font
Forma Djr Micro
Differs
Corners
4px
Same
Headlines
50px, weight 400
Same
Zeplin4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3989F9
Same
Font
SF Pro Display
Differs
Corners
4px
Same
Headlines
54px, weight 600
Same
Loom3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1868DB
Same
Font
Charlie Display / Charlie Text
Same
Corners
20px, pill buttons
Differs
Headlines
63px, weight 700
Close
Salesforce3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #032D60
Same
Font
Salesforce Sans
Differs
Corners
4px
Same
Headlines
42px, weight 600
Close
Porsche3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #007AFF
Same
Font
Porsche Next
Differs
Corners
8px, pill buttons
Close
Headlines
48px, weight 400
Same
TypeScript3 of 5 same
Background
Light #FAF9F8
Same
Accent
Blue #719AF4
Same
Font
Segoe UI
Differs
Corners
6px
Same
Headlines
40px, weight 600
Close
Heroku3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0176D3
Same
Font
Avant Garde / Salesforce Sans
Differs
Corners
4px
Same
Headlines
40px, weight 600
Close
Microsoft Azure3 of 5 same
Background
Light #F7F7F7
Same
Accent
Blue #0078D4
Same
Font
Segoe UI Variable Display / Segoe UI Variable Text
Differs
Corners
8px
Close
Headlines
48px, weight 500
Same
Grafana3 of 5 same
Background
Light #F4F4F6
Same
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Differs
Corners
6px
Same
Headlines
60px, weight 600
Close
Three.js3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #049EF4
Close
Font
Roboto Mono
Differs
Corners
4px
Same
Headlines
48px, weight 500
Same
Honeycomb3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0078CD
Close
Font
Poppins / Roboto
Differs
Corners
6px
Same
Headlines
52px, weight 500
Same
Storybook2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1E293B
Same
Font
Nunito Sans
Differs
Corners
4px, pill buttons
Close
Headlines
56px, weight 500
Close

How these are matched

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

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