What websites look like Affinity?

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

Websites like affinity.studio

Websites like Affinity

Affinity's website is dark (#000000), with Affinity Serif headings over Canva Sans, 148px headlines at weight 700, 12px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

Affinity

Background: Dark #000000
Accent: None, monochrome
Font: Affinity Serif / Canva Sans
Corners: 12px
Headlines: 148px, weight 700

Resend2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Domaine / Inter
Close
Corners
16px
Close
Headlines
96px, weight 400
Differs
MasterClass3 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Sohne Schmal / Söhne
Differs
Corners
12px
Same
Headlines
80px, weight 500
Differs
Linear2 of 5 same
Background
Dark #08090A
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
14px, pill buttons
Close
Headlines
64px, weight 510
Differs
Raycast2 of 5 same
Background
Dark #07080A
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
8px
Close
Headlines
64px, weight 600
Differs
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
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
Shopify2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
28px, pill buttons
Differs
Headlines
96px, weight 300
Differs
bunq2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
DM Sans
Differs
Corners
24px
Differs
Headlines
60px, weight 600
Differs
SpaceX2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
D DIN / Roboto Mono
Differs
Corners
4px
Differs
Headlines
60px, weight 400
Differs
Neon2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
4px
Differs
Headlines
56px, weight 400
Differs
Rive2 of 5 same
Background
Dark #000000
Same
Accent
None, monochrome
Same
Font
Orbitron / Inter
Differs
Corners
4px
Differs
Headlines
48px, weight 900
Differs

How these are matched

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

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