What websites look like Synthesia?

Heap, Penpot, Contentful, Zendesk, Airbnb have the closest design to Synthesia, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like synthesia.io

Websites like Synthesia

Synthesia's website is light (#FFFFFF), with Basiersquare, 72px headlines at weight 500, 18px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

Synthesia

Background: Light #FFFFFF
Accent: None, monochrome
Font: Basiersquare
Corners: 18px
Headlines: 72px, weight 500

Heap4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Circular Standard / Lettera Text
Differs
Corners
17px
Same
Headlines
72px, weight 400
Same
Penpot4 of 5 same
Background
Light #F5F8FB
Same
Accent
None, monochrome
Same
Font
Work Sans
Differs
Corners
18px
Same
Headlines
72px, weight 400
Same
Contentful4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Avenir Next
Differs
Corners
20px
Same
Headlines
72px, weight 600
Same
Zendesk4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Vanilla Sans
Differs
Corners
16px
Same
Headlines
68px, weight 500
Same
Airbnb4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Airbnb Cereal
Differs
Corners
20px
Same
Headlines
66px, weight 600
Same
Klarna4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Klarna Title / Klarna Text
Differs
Corners
16px
Same
Headlines
66px, weight 400
Same
Lululemon4 of 5 same
Background
Light #FAFAFA
Same
Accent
None, monochrome
Same
Font
Saans
Differs
Corners
20px
Same
Headlines
64px, weight 400
Same
Tailscale4 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
16px
Same
Headlines
64px, weight 500
Same
Yarn3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
PT Sans
Differs
Corners
18px
Same
Headlines
64px, weight 700
Close
folk3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Uxumgrotesque / Inter
Differs
Corners
14px
Close
Headlines
72px, weight 500
Same
Prisma3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Sora / Inter
Differs
Corners
18px
Same
Headlines
62px, weight 500
Close
Coinbase3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Coinbase Display / Coinbase Sans
Differs
Corners
22px
Close
Headlines
80px, weight 400
Same

How these are matched

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

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