What websites look like Tailwind CSS?

Notion, Plane, Roam Research, Motion app, Iconify have the closest design to Tailwind CSS, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like tailwindcss.com

Websites like Tailwind CSS

Tailwind CSS's website is light (#FFFFFF), with Inter, 96px headlines at weight 600, 8px corners and a blue accent (#00A6F4). These 12 sites share the most of that look, closest first.

What each site is compared with

Tailwind CSS

Background: Light #FFFFFF
Accent: Blue #00A6F4
Font: Inter
Corners: 8px
Headlines: 96px, weight 600

Notion5 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0075DE
Same
Font
Inter
Same
Corners
8px
Same
Headlines
96px, weight 600
Same
Plane3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #006399
Same
Font
Inter
Same
Corners
10px, pill buttons
Close
Headlines
120px, weight 570
Close
Roam Research4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #137CBD
Same
Font
Inter
Same
Corners
8px
Same
Headlines
44px, weight 700
Differs
Motion app3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C77E7
Close
Font
Albert Sans / Inter
Close
Corners
8px
Same
Headlines
88px, weight 600
Same
Iconify3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #026C9C
Same
Font
Inter
Same
Corners
11px
Close
Headlines
48px, weight 700
Differs
Umami3 of 5 same
Background
Light #FAFAFA
Same
Accent
Blue #2B7FFF
Close
Font
Inter
Same
Corners
8px
Same
Headlines
72px, weight 700
Differs
Signal3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2C6BED
Close
Font
Inter
Same
Corners
8px
Same
Headlines
60px, weight 800
Differs
Coolors3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2563EB
Differs
Font
Inter
Same
Corners
8px
Same
Headlines
110px, weight 800
Close
Copy.ai3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
ABC Normal / Inter
Close
Corners
8px
Same
Headlines
88px, weight 600
Same
Cloudinary3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0095FF
Same
Font
Inter
Same
Corners
19px, pill buttons
Differs
Headlines
47px, weight 300
Differs
Box2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0061D5
Close
Font
Inter
Same
Corners
25px, pill buttons
Differs
Headlines
80px, weight 500
Close
Zoom2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1D4F76
Same
Font
Newsreader / Inter
Close
Corners
8px, pill buttons
Close
Headlines
32px, weight 600
Differs

How these are matched

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

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