What websites look like Yarn?

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

Websites like yarnpkg.com

Websites like Yarn

Yarn's website is light (#FFFFFF), with PT Sans, 64px headlines at weight 700, 18px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

Yarn

Background: Light #FFFFFF
Accent: None, monochrome
Font: PT Sans
Corners: 18px
Headlines: 64px, weight 700

Airbnb4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Airbnb Cereal
Differs
Corners
20px
Same
Headlines
66px, weight 600
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
Prisma3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Sora / Inter
Differs
Corners
18px
Same
Headlines
62px, weight 500
Close
Softr3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Satoshi / Inter
Differs
Corners
17px, pill buttons
Close
Headlines
64px, weight 700
Same
Synthesia3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Basiersquare
Differs
Corners
18px
Same
Headlines
72px, weight 500
Close
Zendesk3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Vanilla Sans
Differs
Corners
16px
Same
Headlines
68px, weight 500
Close
Tailscale3 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
16px
Same
Headlines
64px, weight 500
Close
X3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Twitter Chirp
Differs
Corners
23px
Close
Headlines
64px, weight 600
Same
Hostelworld3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Poppins
Differs
Corners
24px
Close
Headlines
64px, weight 800
Same
Lyft3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Rebel Sans Display / Rebel Sans Text
Differs
Corners
24px
Close
Headlines
60px, weight 600
Same
MyFitnessPal3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
26px, pill buttons
Close
Headlines
68px, weight 700
Same
Monzo3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Monzo Sans Display / Monzo Sans Text
Differs
Corners
20px
Same
Headlines
49px, weight 800
Close

How these are matched

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

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