Design token diff
Showing changes between two snapshots of google.com
+32 added−28 removedpw@1.58.2
Colors
+7 added−6 removed19 unchangedTypography
+8 added−5 removed8 unchanged+Google Sans, Arial, sans-serif|12px|500Google Sans
+Google Sans, Arial, sans-serif|22px|400Google Sans 2
+Google Sans, Arial, sans-serif|14px|400Google Sans 3
+Google Sans, sans-serif|16px|500Google Sans 4
+Google Sans|14px|400Google Sans 5
+Google Sans, Arial, sans-serif|32px|400Google Sans 7
+Google Sans, Arial, sans-serif|var(--ZNg88)|500
Spacing
+4 added−4 removed25 unchanged+17pxSpace 17px
+22pxSpace 22px
+96px96px
+276px276px
−11.5px11.5px
−26pxSpace 26px
−198px198px
−
Border Radius
+5 added−5 removed11 unchanged+12pxRadius 12px
+4pxRadius 4px
+9pxRadius 9px
+18pxRadius 18px
+28pxRadius 28px
−36pxRadius 36px
−2px 0 0 2pxRadius 2px 0 0 2px
Shadows
+8 added−8 removed4 unchanged+0 2px 4px #dadce0Shadow 4
+0px 1px 3px rgba(60,64,67,0.24)Shadow 5
+0 4px 16px rgba(0,0,0,.2)Shadow 6
+0 1px 1px rgba(0,0,0,.1)Shadow 7
+inset 0 1px 2px rgba(0,0,0,.1)Shadow 8
+inset 0 1px 2px rgba(0,0,0,.3)Shadow 9
+inset 0 0 0 1px #fffShadow 10
Google Sans 9
+"Google Sans", Arial, sans-serif|14px|500Google Sans 14px / 500
−Google Sans, Arial, sans-serif|24px|500Google Sans 2
−Google Sans, Arial, sans-serif|18px|400Google Sans 3
−Google Sans, Arial, sans-serif|32px|500Google Sans 5
−Google Sans, Arial, sans-serif|var(--ZNg88)|400Google Sans 7
−Google Sans|11px|500Google Sans 15
328px
328px
−
0 2px 2px 0
Radius 0 2px 2px 0
+0 4px 8px 3px rgba(60,64,67,.15),0 1px 3px rgba(60,64,67,.3)Shadow 11
−0 7px 15px rgba(0,0,0,0.2)Shadow 1
−0 7px 15px rgba(0,0,0,.2)Shadow 2
−0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)Shadow 3
−0 0 0 1px rgba(0,0,0,.04),0 4px 8px 0 rgba(0,0,0,.2)Shadow 4
−1px 0 2px rgba(0,0,0,.5)Shadow 5
−-1px 0 2px rgba(0,0,0,.5)Shadow 6
−0px 3px 10px 0px rgba(31, 31, 31, 0.08)Shadow 12