What websites look like Atlassian?

Slack, Wayfair, Walmart, Akiflow, Datadog have the closest design to Atlassian, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like atlassian.com

Websites like Atlassian

Atlassian's website is light (#FFFFFF), with Charlie Display headings over Charlie Text, 72px headlines at weight 800, 6px corners and a purple accent (#803FA5). These 12 sites share the most of that look, closest first.

What each site is compared with

Atlassian

Background: Light #FFFFFF
Accent: Purple #803FA5
Font: Charlie Display / Charlie Text
Corners: 6px, pill buttons
Headlines: 72px, weight 800

Slack3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #730394
Same
Font
Salesforce Avant Garde / Salesforce Sans
Differs
Corners
8px
Close
Headlines
64px, weight 700
Same
Wayfair3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #7B189F
Same
Font
Sofia
Differs
Corners
8px, pill buttons
Same
Headlines
61px, weight 400
Differs
Walmart3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #452358
Same
Font
Everyday Sans
Differs
Corners
8px, pill buttons
Same
Headlines
100px, weight 700
Differs
Akiflow2 of 5 same
Background
Light #F8FAFC
Same
Accent
Purple #9000FF
Same
Font
Inter
Differs
Corners
10px
Close
Headlines
54px, weight 600
Differs
Datadog1 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #632CA6
Close
Font
National
Differs
Corners
4px
Close
Headlines
68px, weight 600
Close
Prismic1 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8E44EC
Close
Font
Copy
Differs
Corners
10px, pill buttons
Close
Headlines
88px, weight 700
Close
Codecademy3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3A10E5
Differs
Font
Apercu
Differs
Corners
6px, pill buttons
Same
Headlines
64px, weight 700
Same
Trello2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0065FF
Differs
Font
Charlie Display / Charlie Text
Same
Corners
5px
Close
Headlines
48px, weight 500
Differs
Loom2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1868DB
Differs
Font
Charlie Display / Charlie Text
Same
Corners
20px, pill buttons
Differs
Headlines
63px, weight 700
Close
Nuxt2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8E51FF
Close
Font
Outfit / Inter
Differs
Corners
6px, pill buttons
Same
Headlines
72px, weight 500
Differs
Firebase3 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #F57C00
Differs
Font
Google Sans
Differs
Corners
4px, pill buttons
Same
Headlines
75px, weight 700
Same
MailerLite3 of 5 same
Background
Light #FFFFFF
Same
Accent
Green #09C269
Differs
Font
Inter
Differs
Corners
8px, pill buttons
Same
Headlines
64px, weight 700
Same

How these are matched

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

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