What websites look like Windsurf?

Codeium, Runway, Costco, tldraw, v0 have the closest design to Windsurf, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like devin.ai

Websites like Windsurf

Windsurf's website is light (#F8F8F8), with Nb International Pro, 40px headlines at weight 400, 8px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

Windsurf

Background: Light #F8F8F8
Accent: None, monochrome
Font: Nb International Pro
Corners: 8px
Headlines: 40px, weight 400

Codeium5 of 5 same
Background
Light #F8F8F8
Same
Accent
None, monochrome
Same
Font
Nb International Pro
Same
Corners
8px
Same
Headlines
40px, weight 400
Same
Runway4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Abc Normal
Differs
Corners
6px
Same
Headlines
40px, weight 400
Same
Costco3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Costco Sans
Differs
Corners
8px
Same
Headlines
42px, weight 600
Close
tldraw3 of 5 same
Background
Light #F9FAFB
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
9px
Same
Headlines
36px, weight 600
Close
v03 of 5 same
Background
Light #FAFAFA
Same
Accent
None, monochrome
Same
Font
Geist / Inter
Differs
Corners
8px
Same
Headlines
32px, weight 600
Close
Anthropic2 of 5 same
Background
Light #FAF9F5
Same
Accent
None, monochrome
Same
Font
Anthropic Sans
Differs
Corners
10px, pill buttons
Close
Headlines
52px, weight 600
Close
Payoneer2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Avenir Next World
Differs
Corners
12px
Close
Headlines
48px, weight 400
Close
Toyota2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Tcom Med / Tcom Sans
Differs
Corners
12px
Close
Headlines
48px, weight 400
Close
Whereby2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Whereby Roslindale Display Condensed / Inter
Differs
Corners
12px
Close
Headlines
48px, weight 400
Close
Coda3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Calibre R / Inter
Differs
Corners
8px
Same
Headlines
38px, weight 700
Differs
HelloFresh3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Agrandir Tight / Roboto
Differs
Corners
8px
Same
Headlines
56px, weight 700
Differs
Useberry3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter
Differs
Corners
8px
Same
Headlines
56px, weight 700
Differs

How these are matched

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

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