Design token diff

Showing changes between two snapshots of apple.com

Before

Mar 30, 2026

View snapshot

After

Apr 10, 2026

View snapshot

Before

Mar 30, 2026

After

Apr 10, 2026

+38 added−41 removed

Colors

+13 added−4 removed28 unchanged

Typography

+8 added−7 removed12 unchanged

+"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif|44px|400SF Pro Text 44px / 400

+"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif|40px|600SF Pro Display 40px / 600

+"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif|21px|400SF Pro Display 21px / 400

+"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif|14px|600SF Pro Text 14px / 600

+"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif|21px|700SF Pro Display 21px / 700

+"SF Pro Text", "Myriad Set Pro", system-ui, -apple-system, "system-ui", "Segoe UI", "SF Pro Icons", "Apple Legacy Icons", "Helvetica Neue", Helvetica, Arial, sans-serif|18px|300

Spacing

+12 added−12 removed20 unchanged

+var(--sk-headline-plus-headline-margin, .4em)Space var sk headline plus headline margin .4em

+9.6px9.6px

+12px12px

+14px14px

+15px15px

+17px17px

+19px19px

Border Radius

+3 added−13 removed11 unchanged

+#fafafcRadius fafafc

+rgb(255, 255, 255)Radius rgb 255 255 255

+11px11px

−12pxRadius 12px

−10pxRadius 10px

−5.29412remRadius 5.29412rem

−3.05882remRadius 3.05882rem

Shadows

+2 added−5 removed2 unchanged

+rgba(0, 0, 0, 0.6) 0px 0px 5pxshadow-p.media-gallery-longnote

+rgba(0, 0, 0, 0.22) 3px 5px 30px 0pxshadow-picture.media-gallery-bg.media-gallery-bg-music

−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 #007d96

Back to apple.com archive