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 added−29 removed

Colors

+6 added−6 removed26 unchanged

Typography

19 unchanged

Spacing

+8 added−8 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 added−8 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

Back to apple.com archive