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

+11 added10 removed

Colors

+1 added31 unchanged

Typography

+5 added8 removed14 unchanged
+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
"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

Spacing

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

Border Radius

+3 added15 unchanged
+5pxRadius 5px
+1.3emRadius 1.3em
+#fafafcRadius fafafc