What websites look like WooCommerce?

Nuxt, Twitch, Heroicons, Tailscale, Prisma have the closest design to WooCommerce, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like woocommerce.com

Websites like WooCommerce

WooCommerce's website is light (#FFFFFF), with Proxima Vara headings over Inter, 65px headlines at weight 600, 16px corners and a purple accent (#873EFF). These 12 sites share the most of that look, closest first.

What each site is compared with

WooCommerce

Background: Light #FFFFFF
Accent: Purple #873EFF
Font: Proxima Vara / Inter
Corners: 16px
Headlines: 65px, weight 600

Nuxt3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8E51FF
Same
Font
Outfit / Inter
Close
Corners
6px, pill buttons
Differs
Headlines
72px, weight 500
Same
Twitch3 of 5 same
Background
Light #F7F7F8
Same
Accent
Purple #5C16C5
Same
Font
Inter
Close
Corners
16px
Same
Headlines
14px, weight 600
Differs
Heroicons2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8B5CF6
Same
Font
Inter
Close
Corners
12px, pill buttons
Close
Headlines
36px, weight 800
Differs
Tailscale3 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Differs
Font
Inter
Close
Corners
16px
Same
Headlines
64px, weight 500
Same
Prisma3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Sora / Inter
Close
Corners
18px
Same
Headlines
62px, weight 500
Same
folk3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Uxumgrotesque / Inter
Close
Corners
14px
Same
Headlines
72px, weight 500
Same
Akiflow1 of 5 same
Background
Light #F8FAFC
Same
Accent
Purple #9000FF
Close
Font
Inter
Close
Corners
10px
Close
Headlines
54px, weight 600
Close
Docker3 of 5 same
Background
Light #F9FAFB
Same
Accent
Blue #2560FF
Differs
Font
Repro / Inter
Close
Corners
18px
Same
Headlines
64px, weight 500
Same
ESLint2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #4B32C3
Close
Font
Space Grotesk / Inter
Close
Corners
8px
Differs
Headlines
66px, weight 500
Same
Opera3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #5021FF
Same
Font
Be Vietnam Pro
Differs
Corners
17px
Same
Headlines
59px, weight 900
Differs
Softr2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Satoshi / Inter
Close
Corners
17px, pill buttons
Close
Headlines
64px, weight 700
Same
Deel2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Bagoss Condensed / Inter
Close
Corners
12px, pill buttons
Close
Headlines
60px, weight 500
Same

How these are matched

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

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