Design Index

sonos.com

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

Colours

primary#3860be
secondary#c59c6e
neutral#000000
neutral#ffffff
neutral#f5f5f5
neutral#bfbfbf
neutral#2e2e2e
neutral#555555
neutral#d8d8d8
neutral#737373

Fonts

  • aktiv-grotesk

Type scale

96px
72px
64px
48px
42px
40px
24px
21px
20px
18px
16px
14px

Corners

1px
8px
17px
20px
24px
50px
80px
pill

Spacing and depth

Spacing base: 4px

Distinct shadows: 4

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 sonos.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>