What websites look like Bubble?

Grafana, TypeScript, Behance, The Noun Project, TickTick have the closest design to Bubble, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like bubble.io

Websites like Bubble

Bubble's website is light (#FFFFFF), with Manrope, 51px headlines at weight 800, 4px corners and a blue accent (#0C29AB). These 12 sites share the most of that look, closest first.

What each site is compared with

Bubble

Background: Light #FFFFFF
Accent: Blue #0C29AB
Font: Manrope
Corners: 4px, pill buttons
Headlines: 51px, weight 800

Grafana2 of 5 same
Background
Light #F4F4F6
Same
Accent
Blue #1B55F5
Same
Font
Poppins / Inter
Differs
Corners
6px
Close
Headlines
60px, weight 600
Close
TypeScript2 of 5 same
Background
Light #FAF9F8
Same
Accent
Blue #719AF4
Same
Font
Segoe UI
Differs
Corners
6px
Close
Headlines
40px, weight 600
Close
Behance3 of 5 same
Background
Light #F9F9F9
Same
Accent
Blue #0057FF
Same
Font
Acumin Pro Wide / Acumin Pro
Differs
Corners
6px, pill buttons
Same
Headlines
80px, weight 600
Differs
The Noun Project3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0533B8
Same
Font
Arbeit
Differs
Corners
4px, pill buttons
Same
Headlines
120px, weight 600
Differs
TickTick3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #4772FA
Same
Font
Appest Inter
Differs
Corners
20px, pill buttons
Differs
Headlines
52px, weight 700
Same
HP2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #024AD8
Same
Font
Forma Djr Micro
Differs
Corners
4px
Close
Headlines
50px, weight 400
Differs
Next.js2 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #0057FF
Same
Font
Geist
Differs
Corners
6px
Close
Headlines
64px, weight 450
Differs
Zeplin1 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3989F9
Close
Font
SF Pro Display
Differs
Corners
4px
Close
Headlines
54px, weight 600
Close
Signal2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C6BED
Same
Font
Inter
Differs
Corners
8px
Differs
Headlines
60px, weight 800
Close
Salesforce1 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #032D60
Close
Font
Salesforce Sans
Differs
Corners
4px
Close
Headlines
42px, weight 600
Close
Shortcut2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #494BCB
Same
Font
Satoshi
Differs
Corners
10px
Differs
Headlines
64px, weight 700
Close
Canny2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #525DF9
Same
Font
Inter
Differs
Corners
12px
Differs
Headlines
40px, weight 700
Close

How these are matched

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

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