What websites look like Fly.io?

WooCommerce, Proton, Twitch, Thinkific, The Verge have the closest design to Fly.io, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like fly.io

Websites like Fly.io

Fly.io's website is light (#F1F2F9), with Mackinac headings over Fricolage Grotesque, 64px headlines at weight 500, 21px corners and a purple accent (#7C3AED). These 12 sites share the most of that look, closest first.

What each site is compared with

Fly.io

Background: Light #F1F2F9
Accent: Purple #7C3AED
Font: Mackinac / Fricolage Grotesque
Corners: 21px, pill buttons
Headlines: 64px, weight 500

WooCommerce2 of 5 same
Background
Light #FFFFFF
Close
Accent
Purple #873EFF
Same
Font
Proxima Vara / Inter
Differs
Corners
16px
Close
Headlines
65px, weight 600
Same
Proton2 of 5 same
Background
Light #FFFFFF
Close
Accent
Blue #6D4AFF
Same
Font
Proton Serif / Proton Sans
Differs
Corners
17px, pill buttons
Close
Headlines
60px, weight 400
Same
Twitch2 of 5 same
Background
Light #F7F7F8
Same
Accent
Purple #5C16C5
Same
Font
Inter
Differs
Corners
16px
Close
Headlines
14px, weight 600
Differs
Thinkific3 of 5 same
Background
Light #F3F1EC
Same
Accent
Yellow #FCCC18
Differs
Font
PP Writer / Instrument Sans
Differs
Corners
23px, pill buttons
Same
Headlines
60px, weight 500
Same
The Verge2 of 5 same
Background
Light #FFFFFF
Close
Accent
Purple #5200FF
Same
Font
Manuka / Poly Sans
Differs
Corners
22px, pill buttons
Same
Headlines
90px, weight 900
Differs
Nuxt2 of 5 same
Background
Light #FFFFFF
Close
Accent
Purple #8E51FF
Same
Font
Outfit / Inter
Differs
Corners
6px, pill buttons
Differs
Headlines
72px, weight 500
Same
Datadog2 of 5 same
Background
Light #FFFFFF
Close
Accent
Purple #632CA6
Same
Font
National
Differs
Corners
4px
Differs
Headlines
68px, weight 600
Same
Lululemon2 of 5 same
Background
Light #FAFAFA
Same
Accent
None, monochrome
Differs
Font
Saans
Differs
Corners
20px
Close
Headlines
64px, weight 400
Same
Craft2 of 5 same
Background
Light #FCF9F7
Same
Accent
None, monochrome
Differs
Font
Untitled Serif / Untitled Sans
Differs
Corners
24px
Close
Headlines
66px, weight 400
Same
Tailscale2 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Differs
Font
Inter
Differs
Corners
16px
Close
Headlines
64px, weight 500
Same
Freshworks2 of 5 same
Background
Light #F7F7F4
Same
Accent
None, monochrome
Differs
Font
Lora / Inter
Differs
Corners
24px, pill buttons
Close
Headlines
72px, weight 400
Same
Penpot2 of 5 same
Background
Light #F5F8FB
Same
Accent
None, monochrome
Differs
Font
Work Sans
Differs
Corners
18px
Close
Headlines
72px, weight 400
Same

How these are matched

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

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