Design token diff

Showing changes between two snapshots of apple.com

Before

Apr 1, 2026

View snapshot

After

Apr 1, 2026

View snapshot

Before

Apr 1, 2026

After

Apr 1, 2026

+10 added11 removed

Colors

1 removed31 unchanged

Typography

+8 added5 removed14 unchanged
+"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif|21px|600Ac Localnav Ac 3
+"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif|19px|600Ac Localnav Ac 4
+"SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif|17px|600Ac Localnav Ac 5
+SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|106.25%|400Html
+SF Pro Icons|inherit|inheritIcon Before
+SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|48px|600Typography Headline
+SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|40px|600Typography Headline 2
+SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|32px|600Typography Headline 3
SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|17px|600Globalnav Globalnav Submenu 4
SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|19px|600Globalnav Globalnav Link 4
SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|12px|600Globalnav Globalnav Submenu 3
SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|24px|600Globalnav Globalnav Searchfield
SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif|21px|600Globalnav Bag Ac 4

Spacing

+2 added2 removed30 unchanged
+15pxSpace 15px
+16pxSpace 16px
7.5pxSpace 7.5px
calc(8px / var(--r-globalnav-text-zoom-scale, 1)Space calc 8px var r globalnav text zoom scale 1

Border Radius

3 removed15 unchanged
5pxRadius 5px
1.3emRadius 1.3em
#fafafcRadius fafafc