What websites look like Twitch?

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

Websites like twitch.tv

Websites like Twitch

Twitch's website is light (#F7F7F8), with Inter, 14px headlines at weight 600, 16px corners and a purple accent (#5C16C5). These 12 sites share the most of that look, closest first.

What each site is compared with

Twitch

Background: Light #F7F7F8
Accent: Purple #5C16C5
Font: Inter
Corners: 16px
Headlines: 14px, weight 600

Mastodon2 of 5 same
Background
Light #EFECF8
Same
Accent
Blue #47309C
Close
Font
Inter
Same
Corners
12px
Close
Headlines
12px, weight 700
Close
Heroicons3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8B5CF6
Same
Font
Inter
Same
Corners
12px, pill buttons
Close
Headlines
36px, weight 800
Differs
Akiflow3 of 5 same
Background
Light #F8FAFC
Same
Accent
Purple #9000FF
Same
Font
Inter
Same
Corners
10px
Close
Headlines
54px, weight 600
Differs
WooCommerce3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #873EFF
Same
Font
Proxima Vara / Inter
Close
Corners
16px
Same
Headlines
65px, weight 600
Differs
Expo3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Inter
Same
Corners
18px
Same
Headlines
48px, weight 600
Differs
Tailscale3 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Differs
Font
Inter
Same
Corners
16px
Same
Headlines
64px, weight 500
Differs
Bluesky3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006AFF
Differs
Font
Inter
Same
Corners
14px
Same
Headlines
30px, weight 600
Differs
Ghost3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Inter
Same
Corners
16px
Same
Headlines
96px, weight 700
Differs
Nuxt2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8E51FF
Same
Font
Outfit / Inter
Close
Corners
6px, pill buttons
Differs
Headlines
72px, weight 500
Differs
TikTok3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Tik Tok Display / Tik Tok
Differs
Corners
16px
Same
Headlines
15px, weight 700
Same
Insomnia2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #4000BF
Same
Font
Roboto
Differs
Corners
10px
Close
Headlines
48px, weight 700
Differs
Canny2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #525DF9
Differs
Font
Inter
Same
Corners
12px
Close
Headlines
40px, weight 700
Differs

How these are matched

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

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