Design token diff

Showing changes between two snapshots of apple.com

Before

Mar 31, 2026

View snapshot

After

Apr 1, 2026

View snapshot

Before

Mar 31, 2026

After

Apr 1, 2026

+16 added29 removed

Colors

+6 added6 removed26 unchanged

Typography

19 unchanged

Spacing

+8 added8 removed24 unchanged
+var(--sk-headline-plus-headline-margin, .4em)Space var sk headline plus headline margin .4em
+calc(11px + env(safe-area-inset-bottom)Space calc 11px env safe area inset bottom
+12pxSpace 12px
+.8emSpace .8em
+var(--sk-headline-plus-first-element-margin, .8em)Space var sk headline plus first element margin .8em
+var(--sk-paragraph-plus-element-margin, .8em)Space var sk paragraph plus element margin .8em
+13pxSpace 13px
+14pxSpace 14px
calc(-124px + var(--gutter-width)Space calc 124px var gutter width
calc(-107px + var(--gutter-width)Space calc 107px var gutter width
calc(-71px + var(--gutter-width)Space calc 71px var gutter width
0.25emSpace 0.25em
.3emSpace .3em
var(--sk-headline-plus-headline-margin, 0.4em)Space var sk headline plus headline margin 0.4em
0.4emSpace 0.4em
calc(10px + env(safe-area-inset-right))Space calc 10px env safe area inset right

Border Radius

+2 added8 removed16 unchanged
+#fafafcRadius fafafc
+rgb(255, 255, 255)Radius rgb 255 255 255
980pxRadius 980px
12pxRadius 12px
10pxRadius 10px
5.29412remRadius 5.29412rem
3.05882remRadius 3.05882rem
2.11765remRadius 2.11765rem
999pxRadius 999px
var(--sk-dotnav-iconcontrol-border-radius)Radius var sk dotnav iconcontrol border radius

Shadows

7 removed
0 0 0 3px #fff,0 0 0 5px #0071E3Shadow 1
0 4px 18px rgba(0,0,0,0.25)Shadow 2
0px 0px 5px rgba(0,0,0,0.6)Shadow 3
0 0 0 3px #000,0 0 0 5px #0071E3Shadow 4
0 0 0 4px #007d96Shadow 5
0px 0px 5px rgba(0,0,0,.6)Shadow 6
3px 5px 30px rgba(0,0,0,.22)Shadow 7