Design Index

mapbox.com

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

Colours

primary#007afc
secondary#4264fb
accent#1f3349
neutral#bbc2ce
neutral#ffffff
neutral#566171
neutral#e0e4ec
neutral#000000
neutral#a0aaba
neutral#23262d
neutral#8b96aa

Fonts

  • Cera pro
  • Open Sans
  • Cera Pro

Type scale

56px
46px
36px
28px
20px
19px
18px
17px
16px
15px
14px
13px

Corners

1px
4px
12px
16px
20px
24px
50px
100px

Spacing and depth

Spacing base: 2px

Distinct shadows: 5

Text and background pairs below WCAG AA: 1

Is this your site? To remove it, write to manavarya0178@gmail.com; it leaves the index, the sitemap and the compare tool on the next build. Measure your own site any time: npx designlang mapbox.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>