Design Index

microsoft.com

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

Colours

primary#0078d4
secondary#2a446f
accent#0067b8
neutral#000000
neutral#ffffff
neutral#262626
neutral#616161
neutral#e7e7e7
neutral#413228
neutral#8d8d8d
neutral#f2f2f2

Fonts

  • Segoe UI Variable Text
  • Segoe UI
  • Segoe UI Variable Display
  • Times

Type scale

44px
40px
32px
24px
20px
18px
16px
15px
14px
13px
12px
11px

Corners

4px
8px
16px
24px
50px
200px

Spacing and depth

Spacing base: 2px

Distinct shadows: 5

Text and background pairs below WCAG AA: 0

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