Design Index

woocommerce.com

Measured in a real browser on 4 November 2026. For reference and benchmarking.

Colours

primary#873eff
secondary#6108ce
accent#ff4800
neutral#101517
neutral#000000
neutral#646970
neutral#ffffff
neutral#50575e
neutral#c3c4c7
neutral#303030
neutral#1d2327

Fonts

  • Inter var
  • proxima-vara

Type scale

85px
62px
49px
35px
30px
28px
24px
21px
20px
17px
16px
14px

Corners

4px
8px
16px
32px
50px
100px

Spacing and depth

Spacing base: 8px

Distinct shadows: 3

Text and background pairs below WCAG AA: 0

Is this your site? To remove it, write to manav@designlang.app; it leaves the index, the sitemap and the compare tool on the next build. Measure your own site any time: npx designlang woocommerce.com

Sign in for 3 more free reads

Your first browser read is free for everyone. Sign in and you get three more. Nothing to pay.

Every site is free in your terminal too: npx designlang <site>