What websites look like Mastodon?

Twitch, Akiflow, Heroicons, Canny, ESLint have the closest design to Mastodon, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like mastodon.social

Websites like Mastodon

Mastodon's website is light (#EFECF8), with Inter, 12px headlines at weight 700, 12px corners and a blue accent (#47309C). These 12 sites share the most of that look, closest first.

What each site is compared with

Mastodon

Background: Light #EFECF8
Accent: Blue #47309C
Font: Inter
Corners: 12px
Headlines: 12px, weight 700

Twitch2 of 5 same
Background
Light #F7F7F8
Same
Accent
Purple #5C16C5
Close
Font
Inter
Same
Corners
16px
Close
Headlines
14px, weight 600
Close
Akiflow3 of 5 same
Background
Light #F8FAFC
Same
Accent
Purple #9000FF
Close
Font
Inter
Same
Corners
10px
Same
Headlines
54px, weight 600
Differs
Heroicons2 of 5 same
Background
Light #FFFFFF
Close
Accent
Purple #8B5CF6
Same
Font
Inter
Same
Corners
12px, pill buttons
Close
Headlines
36px, weight 800
Differs
Canny2 of 5 same
Background
Light #FFFFFF
Close
Accent
Blue #525DF9
Close
Font
Inter
Same
Corners
12px
Same
Headlines
40px, weight 700
Differs
ESLint1 of 5 same
Background
Light #FFFFFF
Close
Accent
Blue #4B32C3
Same
Font
Space Grotesk / Inter
Close
Corners
8px
Close
Headlines
66px, weight 500
Differs
WooCommerce1 of 5 same
Background
Light #FFFFFF
Close
Accent
Purple #873EFF
Same
Font
Proxima Vara / Inter
Close
Corners
16px
Close
Headlines
65px, weight 600
Differs
tldraw2 of 5 same
Background
Light #F9FAFB
Same
Accent
None, monochrome
Differs
Font
Inter
Same
Corners
9px
Close
Headlines
36px, weight 600
Differs
Excalidraw2 of 5 same
Background
Light #F6F6F9
Same
Accent
Blue #6965DB
Same
Font
Assistant
Differs
Corners
8px, pill buttons
Close
Headlines
45px, weight 700
Differs
Tailscale2 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Differs
Font
Inter
Same
Corners
16px
Close
Headlines
64px, weight 500
Differs
Umami2 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #2B7FFF
Differs
Font
Inter
Same
Corners
8px
Close
Headlines
72px, weight 700
Differs
Bolt (mobility)2 of 5 same
Background
Light #F7F9F8
Same
Accent
Yellow #FFB307
Differs
Font
Inter
Same
Corners
11px, pill buttons
Close
Headlines
64px, weight 500
Differs
Bluesky2 of 5 same
Background
Light #FFFFFF
Close
Accent
Blue #006AFF
Differs
Font
Inter
Same
Corners
14px
Same
Headlines
30px, weight 600
Differs

How these are matched

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

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