Design token diff
Showing changes between two snapshots of spotify.com
+43 added−41 removedpw@1.58.2
Colors
+27 added−25 removed32 unchangedTypography
+9 added−9 removed+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|16px|400SpotifyMixUI 16px / 400
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|13.3333px|400SpotifyMixUI 13.3333px / 400
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|14px|400SpotifyMixUI 14px / 400
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|14px|700SpotifyMixUI 14px / 700
+SpotifyMixUITitle, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|24px|700
Spacing
+2 added−2 removed30 unchanged+9pxSpace 9px
+40px40px
−1px1px
−30pxSpace 30px
Border Radius
+3 added−3 removed13 unchanged+10pxRadius 10px
+3pxRadius 3px
+0Radius 0
−0 0 8px 8pxRadius 0 0 8px 8px
−1000pxRadius 1000px
−28pxRadius 28px
Shadows
+2 added−2 removed10 unchanged+0 1px #0006,inset 0 0 0 1px #a7a7a7Shadow 4
+3px 1px 10px #000Shadow 12
−0 -1px #181818Shadow 11
−0 8px 8px #0000004dShadow 12
SpotifyMixUITitle 24px / 700
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|16px|700SpotifyMixUI 16px / 700
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|12px|400SpotifyMixUI 12px / 400
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|12px|700SpotifyMixUI 12px / 700
+SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"|11px|400SpotifyMixUI 11px / 400
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|16px|400SpotifyMixUI 16px / 400
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|13.3333px|400SpotifyMixUI 13.3333px / 400
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|14px|400SpotifyMixUI 14px / 400
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|14px|700SpotifyMixUI 14px / 700
−SpotifyMixUITitle, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|24px|700SpotifyMixUITitle 24px / 700
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|16px|700SpotifyMixUI 16px / 700
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|12px|400SpotifyMixUI 12px / 400
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|10.5px|600SpotifyMixUI 10.5px / 600
−SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic"|11px|400SpotifyMixUI 11px / 400