Design token diff

Showing changes between two snapshots of spotify.com

Before

Apr 5, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 5, 2026

After

May 7, 2026

+65 added−76 removed

Colors

+54 added−52 removed3 unchanged

Typography

−13 removed9 unchanged

−var(--encore-title-font-stack)|var(--encore-text-size-smaller-2)|800E8BC DVNU4LRKf3

−var(--encore-title-font-stack)|var(--encore-text-size-larger-2)|700KtJDHL Wb5k6zJxf GmI3DMxKYRsaA5DM

−var(--encore-text-font-family, var(--encore-body-font-stack))|var(--encore-text-size,var(--encore-text-size-base))|var(--encore-text-weight,400)E 10180 Text

−inherit|inherit|400E 10180 Text 2

−var(--encore-title-font-stack)|var(--encore-text-size-larger-5)|800Encore Text Headline

−var(--encore-title-font-stack)|var(--encore-text-size-large)|700Encore Text Title

Spacing

+3 added−3 removed29 unchanged

+29pxSpace 29px

+30pxSpace 30px

+36px36px

−calc(-72px - var(--bottom-bar-height)Space calc 72px var bottom bar height

−calc(-64px + var(--panel-gap)Space calc 64px var panel gap

−var(--section-gap,8px)Space var section gap 8px

Border Radius

+3 added−3 removed13 unchanged

+1000pxRadius 1000px

+28pxRadius 28px

+999pxRadius 999px

−var(--encore-corner-radius-base)Radius var encore corner radius base

−var(--os-track-border-radius)Radius var os track border radius

−var(--os-handle-border-radius)Radius var os handle border radius

Shadows

+5 added−5 removed7 unchanged

+0 4px 12px 0 #0000004d--encore-overlay-box-shadow

+0 8px 24px #00000080Shadow 9

+0 4px 28px #000cShadow 10

+0 -1px #181818Shadow 11

+0 8px 8px #0000004dShadow 12

−0 1px 0 var(--background-base),0 0 0 1px var(--essential-subdued)insetShadow 4

−var(--encore-overlay-box-shadow)Shadow 5

Back to spotify.com archive