Brand Logos (1)
Spotify
a[href="/"] svg
Icons (20)
Spotify
Home
Search
Browse
wrapper
Create
wrapper
Enable shuffle
Previous
Pause
Next
Disable repeat
Now playing view
Volume high
Play Bend Over 2
16×16
16×16
Instagram
Twitter
Facebook
Colors (55)
Other (20)
Typography (11)
SpotifyMixUI (8)
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8513.3333px · w400
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8514px · w400
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8510.5px · w600
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8514px · w700
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8516px · w700
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8512px · w400
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUI◑8011px · w400
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit○60inherit · w400
SpotifyMixUITitle (1)
AaThe quick brown fox jumps over the lazy dog
SpotifyMixUITitle◑8524px · w700
Times (1)
AaThe quick brown fox jumps over the lazy dog
Times◑8016px · w400
Spacing (32)
-40px
-40px
-16px
-16px
-8px
-8px
-1px
-1px
Space calc 72px var bottom bar height
calc(-72px - var(--bottom-bar-height)
Space calc 64px var panel gap
calc(-64px + var(--panel-gap)
Space var section gap 8px
var(--section-gap,8px)
normal 12px
normal 12px
Space .6em
.6em
Space .8em
.8em
Space 1px
1px
Space 1.4em
1.4em
Border Radius (16)
Radius 8px8px
Radius 16px16px
Radius 1px1px
Radius 12px12px
Radius 50%50%
Radius 4px4px
Radius 2px2px
Radius 23px23px
Radius var encore corner radius basevar(--encore-corner-radius-base)
Radius 100px100px
Radius 40px40px
Radius 6px6px
Radius var os track border radiusvar(--os-track-border-radius)
Radius var os handle border radiusvar(--os-handle-border-radius)
Radius 500px500px
Radius 0 0 8px 8px0 0 8px 8px
Shadows (12)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
○60
Shadow 460
○60
Shadow 560
○60
Shadow 660
○60
Shadow 760
○60
Shadow 860
○60
Shadow 960
○60
Shadow 1060
○60
Shadow 1160
○60
Shadow 1260