What websites look like Beautiful.ai?

Iconify, WIRED, Roam Research, Zoom, Microsoft Azure have the closest design to Beautiful.ai, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like beautiful.ai

Websites like Beautiful.ai

Beautiful.ai's website is light (#FFFFFF), with Post Grotesk, 38px headlines at weight 700, 12px corners and a blue accent (#00B9FF). These 12 sites share the most of that look, closest first.

What each site is compared with

Beautiful.ai

Background: Light #FFFFFF
Accent: Blue #00B9FF
Font: Post Grotesk
Corners: 12px, pill buttons
Headlines: 38px, weight 700

Iconify2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #026C9C
Same
Font
Inter
Differs
Corners
11px
Close
Headlines
48px, weight 700
Close
WIRED2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #057DBC
Same
Font
Breve Text
Differs
Corners
16px, pill buttons
Close
Headlines
32px, weight 700
Close
Roam Research2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Same
Font
Inter
Differs
Corners
8px
Close
Headlines
44px, weight 700
Close
Zoom2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1D4F76
Same
Font
Newsreader / Inter
Differs
Corners
8px, pill buttons
Close
Headlines
32px, weight 600
Close
Microsoft Azure2 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
Close
Heroku3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0176D3
Same
Font
Avant Garde / Salesforce Sans
Differs
Corners
4px
Differs
Headlines
40px, weight 600
Same
Patreon3 of 5 same
Background
Light #F7F3F5
Same
Accent
Blue #5FC1F1
Same
Font
Oracle
Differs
Corners
32px, pill buttons
Differs
Headlines
40px, weight 700
Same
Jotform2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0075E3
Close
Font
Circular
Differs
Corners
10px, pill buttons
Same
Headlines
32px, weight 500
Close
Plane3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006399
Same
Font
Inter
Differs
Corners
10px, pill buttons
Same
Headlines
120px, weight 570
Differs
Snapchat2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0096E5
Same
Font
Avenir Next
Differs
Corners
16px, pill buttons
Close
Headlines
28px, weight 700
Differs
Cloudinary2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0095FF
Same
Font
Inter
Differs
Corners
19px, pill buttons
Close
Headlines
47px, weight 300
Differs
Skyscanner1 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0062E3
Close
Font
Skyscanner Relative
Differs
Corners
12px
Close
Headlines
32px, weight 700
Close

How these are matched

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

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