What websites look like MasterClass?

Resend, Linear, Raycast, Affinity, Reflect have the closest design to MasterClass, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like masterclass.com

Websites like MasterClass

MasterClass's website is dark (#000000), with Sohne Schmal headings over Söhne, 80px headlines at weight 500, 12px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

MasterClass

Background: Dark #000000
Accent: None, monochrome
Font: Sohne Schmal / Söhne
Corners: 12px
Headlines: 80px, weight 500

Resend2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Domaine / Inter
Differs
Corners
16px
Close
Headlines
96px, weight 400
Close
Linear2 of 5 same
Background
Dark #08090A
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
14px, pill buttons
Close
Headlines
64px, weight 510
Close
Raycast2 of 5 same
Background
Dark #07080A
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
8px
Close
Headlines
64px, weight 600
Close
Affinity3 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Affinity Serif / Canva Sans
Differs
Corners
12px
Same
Headlines
148px, weight 700
Differs
Reflect2 of 5 same
Background
Dark #030014
Close
Accent
None, monochrome
Same
Font
Aeonik Pro / Inter
Differs
Corners
16px
Close
Headlines
72px, weight 500
Same
Framer2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
GT Walsheim / Inter
Differs
Corners
18px
Close
Headlines
54px, weight 500
Differs
Shopify2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
28px, pill buttons
Differs
Headlines
96px, weight 300
Close
Spline2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Geist
Differs
Corners
8px, pill buttons
Close
Headlines
48px, weight 450
Differs
Prime Video2 of 5 same
Background
Dark #00050D
Same
Accent
None, monochrome
Same
Font
Amazon Ember
Differs
Corners
19px
Close
Headlines
50px, weight 700
Differs
GitHub1 of 5 same
Background
Dark #0D1117
Close
Accent
None, monochrome
Same
Font
Mona Sans
Differs
Corners
8px
Close
Headlines
64px, weight 425
Close
Suno2 of 5 same
Background
Dark #101012
Close
Accent
None, monochrome
Same
Font
Neue Montreal
Differs
Corners
20px
Differs
Headlines
72px, weight 500
Same
Arc2 of 5 same
Background
Dark #0B0B0B
Close
Accent
None, monochrome
Same
Font
Exposure / ABC Oracle
Differs
Corners
25px
Differs
Headlines
76px, weight 600
Same

How these are matched

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

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