Design token diff
Showing changes between two snapshots of dribbble.com
+36 added−99 removedpw@1.58.2
Colors
+12 added−48 removed16 unchangedTypography
+5 added−10 removed11 unchanged+"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|52px|600Mona Sans 52px / 600
+"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|11px|700Mona Sans 11px / 700
+"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|13.3333px|400Mona Sans 13.3333px / 400
+"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|18px|700Mona Sans 18px / 700
+"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|13px|700Mona Sans 13px / 700
−"IBM Plex Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace|10px|400Ibm Plex Mono
Spacing
+12 added−18 removed14 unchanged+10px10px
+14px14px
+26px26px
+32px32px
+34px34px
+48px48px
+50px50px
+60px
Border Radius
+3 added−11 removed5 unchanged+1e+07px1e+07px
+2px2px
+24px24px
−0 0 8px 8pxRadius 0 0 8px 8px
−20pxRadius 20px
−10pxRadius 10px
−16pxRadius 16px
Shadows
+4 added−12 removed+rgba(0, 0, 0, 0.14) 0px 3px 6px 0pxshadow-a.home-header-media__designer-badge
+rgba(172, 171, 171, 0.3) 0px -1px 10px 0pxshadow-div.cky-consent-bar
+rgba(6, 3, 24, 0.1) 0px 2px 4px 0pxshadow-button.home-header-right__play-button.btn2
+rgba(6, 3, 24, 0.01) 0px 4px 4px 0pxshadow-button.dropdown2
−0px 20px 48px rgba(0,0,0,0.2)Shadow 1
−0 0 10px rgba(0,0,0,0.5)Shadow 2
−0 0px 10px rgba(0,0,0,0.1)Shadow 3
−
"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|13px|500
Mona Sans 9
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|20px|500Mona Sans 10
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|24px|700Mona Sans 11
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|11px|500Mona Sans 13
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|13px|400Mona Sans 14
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|16px|700Mona Sans 15
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|12px|600Mona Sans 12px / 600
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|16px|450Mona Sans 16px / 450
−"Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif|48px|600Mona Sans 48px / 600
60px
−0.1875remSpace 0.1875rem
−4.6666666667pxSpace 4.6666666667px
−calc(-48px / 2)Space calc 48px 2
−
16px 16px 0 0
Radius 16px 16px 0 0
−10px 10px 0 0Radius 10px 10px 0 0
−9999999pxRadius 9999999px
−12px 12px 0 0Radius 12px 12px 0 0
−40% 40% 0 0Radius 40% 40% 0 0
−0 20px 60px 10px rgba(0,0,0,0.2)Shadow 4
−0 2px 4px rgba(0,0,0,0.1)Shadow 5
−1 1px 3px rgba(0,0,0,0.5)Shadow 7
−0px 4px 6px 0px rgba(0,0,0,0.25)Shadow 8
−0px 4px 14px rgba(0,0,0,0.15)Shadow 9
−0 0 0 1px rgba(79,60,201,0.2),0px 3px 5px rgba(0,0,0,0.04)Shadow 11
−0 0 0 1px transparent,0px 3px 5px rgba(0,0,0,0.04)Shadow 12