What websites look like Bitbucket?

Trello, Behance, Loom, Productboard, PlayStation have the closest design to Bitbucket, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like bitbucket.org

Websites like Bitbucket

Bitbucket's website is dark (#0052CC), with Charlie Display headings over Charlie Text, 72px headlines at weight 500, 4px corners and a blue accent (#172B4D). These 12 sites share the most of that look, closest first.

What each site is compared with

Bitbucket

Background: Blue #0052CC
Accent: Blue #172B4D
Font: Charlie Display / Charlie Text
Corners: 4px, pill buttons
Headlines: 72px, weight 500

Trello2 of 5 same
Background
Light #FFFFFF
Differs
Accent
Blue #0065FF
Same
Font
Charlie Display / Charlie Text
Same
Corners
5px
Close
Headlines
48px, weight 500
Differs
Behance3 of 5 same
Background
Light #F9F9F9
Differs
Accent
Blue #0057FF
Same
Font
Acumin Pro Wide / Acumin Pro
Differs
Corners
6px, pill buttons
Same
Headlines
80px, weight 600
Same
Loom2 of 5 same
Background
Light #FFFFFF
Differs
Accent
Blue #1868DB
Same
Font
Charlie Display / Charlie Text
Same
Corners
20px, pill buttons
Differs
Headlines
63px, weight 700
Close
Productboard1 of 5 same
Background
Blue #0071E0
Close
Accent
Blue #004EA8
Same
Font
Eina
Differs
Corners
16px, pill buttons
Differs
Headlines
84px, weight 600
Close
PlayStation1 of 5 same
Background
Blue #0070CC
Close
Accent
Blue #003697
Same
Font
Sst
Differs
Corners
24px, pill buttons
Differs
Headlines
86px, weight 700
Close
Storybook2 of 5 same
Background
Light #FFFFFF
Differs
Accent
Blue #1E293B
Same
Font
Nunito Sans
Differs
Corners
4px, pill buttons
Same
Headlines
56px, weight 500
Close
Next.js2 of 5 same
Background
Light #FAFAFA
Differs
Accent
Blue #0057FF
Same
Font
Geist
Differs
Corners
6px
Close
Headlines
64px, weight 450
Same
Statuspage2 of 5 same
Background
Light #F0F1F2
Differs
Accent
Blue #1868DB
Same
Font
Charlie Display / Charlie Text
Same
Corners
20px, pill buttons
Differs
Headlines
48px, weight 800
Differs
Grafana1 of 5 same
Background
Light #F4F4F6
Differs
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Differs
Corners
6px
Close
Headlines
60px, weight 600
Close
Algolia2 of 5 same
Background
Blue #003DFF
Differs
Accent
Blue #457AFF
Same
Font
Sora / Inter
Differs
Corners
5px, pill buttons
Same
Headlines
106px, weight 600
Differs
Threads2 of 5 same
Background
Light #FFFFFF
Differs
Accent
Blue #1876F2
Same
Font
Helvetica
Differs
Corners
8px, pill buttons
Differs
Headlines
75px, weight 600
Same
Webflow2 of 5 same
Background
Light #FFFFFF
Differs
Accent
Blue #146EF5
Same
Font
WF Visual Sans
Differs
Corners
8px
Differs
Headlines
80px, weight 600
Same

How these are matched

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

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