What websites look like SoundCloud?

Disney+, Hulu, Roblox, Wistia, MongoDB have the closest design to SoundCloud, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like soundcloud.com

Websites like SoundCloud

SoundCloud's website is dark (#121212), with Söhne, 65px headlines at weight 800, 12px corners and a blue accent (#699FFF). These 12 sites share the most of that look, closest first.

What each site is compared with

SoundCloud

Background: Dark #121212
Accent: Blue #699FFF
Font: Söhne
Corners: 12px, pill buttons
Headlines: 65px, weight 800

Disney+2 of 5 same
Background
Dark #040714
Same
Accent
Blue #016EF5
Same
Font
Inspire / Avenir
Differs
Corners
12px
Close
Headlines
44px, weight 900
Differs
Hulu2 of 5 same
Background
Dark #040714
Same
Accent
Blue #016EF5
Same
Font
Inspire / Avenir
Differs
Corners
12px
Close
Headlines
44px, weight 900
Differs
Roblox2 of 5 same
Background
Dark #191A1F
Same
Accent
Blue #70A0FF
Same
Font
Builder Sans
Differs
Corners
8px
Close
Headlines
20px, weight 700
Differs
Wistia1 of 5 same
Background
Blue #000933
Close
Accent
Blue #0D1747
Close
Font
Walsheim / Inter
Differs
Corners
19px, pill buttons
Close
Headlines
64px, weight 700
Same
MongoDB2 of 5 same
Background
Light #FDFFF5
Differs
Accent
Blue #006CFA
Same
Font
Söhne
Same
Corners
16px, pill buttons
Close
Headlines
64px, weight 500
Differs
Unreal Engine1 of 5 same
Background
Dark #101014
Same
Accent
Blue #26BBFF
Close
Font
Inter Tight / Inter
Differs
Corners
8px
Close
Headlines
40px, weight 700
Differs
Amplitude1 of 5 same
Background
Dark #000000
Close
Accent
Blue #1E61F0
Same
Font
IBM Plex Sans
Differs
Corners
8px, pill buttons
Close
Headlines
55px, weight 400
Differs
StackBlitz1 of 5 same
Background
Dark #1C1F25
Close
Accent
Blue #1574EF
Same
Font
Manrope / Inter
Differs
Corners
8px
Close
Headlines
94px, weight 600
Differs
Remix0 of 5 same
Background
Dark #000000
Close
Accent
Blue #2DACF9
Close
Font
Inter
Differs
Corners
14px
Close
Headlines
84px, weight 700
Close
Raycast1 of 5 same
Background
Dark #07080A
Same
Accent
None, monochrome
Differs
Font
Inter
Differs
Corners
8px
Close
Headlines
64px, weight 600
Close
Linear2 of 5 same
Background
Dark #08090A
Same
Accent
None, monochrome
Differs
Font
Inter
Differs
Corners
14px, pill buttons
Same
Headlines
64px, weight 510
Differs
Umami2 of 5 same
Background
Light #FAFAFA
Differs
Accent
Blue #2B7FFF
Same
Font
Inter
Differs
Corners
8px
Close
Headlines
72px, weight 700
Same

How these are matched

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

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