UI
Archive
spotify.com snapshot — UI Archive
Home
/
Browse
/
spotify.com
/
Snapshot · Nov 6, 2026
Spotify
spotify.com
2
snapshots
First archived Apr 5, 2026
Last updated Nov 6, 2026
Take a new snapshot
Export tokens
Compare this site
Visit site
Snapshot from
Nov 6, 2026, 04:20 AM
Older
Compare with previous
Inspect another
spotify.com
· 140 tokens
59
colors
9
fonts
32
spacing
20
icons
Copy link
Export
Atoms
160
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
Beta
Icons
(20)
Spotify
Spotify
Home
Search
Browse
wrapper
Create
wrapper
Enable shuffle
Previous
Pause
Next
Disable repeat
Volume high
Play Aamuisin (Vain elämää kausi 17)
16×16
16×16
Instagram
X
Facebook
Close
Colors
(59)
Other
(20)
#ffffff
#b3b3b3
#000000
#1ed760
#1f1f1f
#9d968e
#121212
#9e9eff
#333333
#7c7c7c
rgba(255, 255, 255, 0.1)
#808080
rgba(118, 118, 118, 0.3)
#777777
#3b3b3b
#c5c5c5
rgba(255, 255, 255, 0.3)
#767676
#c0574a
#508162
Show all 59 →
Typography
(9)
SpotifyMixUI
(8)
System
The quick brown fox
16px · 700
The quick brown fox
16px · 400
The quick brown fox
14px · 700
The quick brown fox
14px · 400
The quick brown fox
13.3333px · 400
The quick brown fox
12px · 700
The quick brown fox
12px · 400
The quick brown fox
11px · 400
SpotifyMixUITitle
(1)
System
The quick brown fox
24px · 700
Spacing
(32)
Space .6em
.6em
Space .8em
.8em
Space 1.4em
1.4em
Space 2px
2px
Space 3px
3px
Space 4px
4px
Space 5px
5px
Space 6px
6px
Space 7px
7px
Space 8px
8px
8px normal
8px normal
8px 12px
8px 12px
Show all 32 →
Border Radius
(14)
8px
16px
1px
12px
50%
4px
2px
23px
10px
3px
100px
40px
6px
999px
Shadows
(12)
0 0 0 1px #000
0 16px 24px #0000004d,0 6px 8px #0003
0 4px 60px #00000080
0 1px #0006,inset 0 0 0 1px #a7a7a7
0 4px 12px 0 #0000004d
0 4px 40px #0000004d
inset 0 0 0 1px #ffffff1a
inset 0 0 0 2px #fff
0 2px 5px #0006
0 8px 24px #00000080
0 4px 28px #000c
3px 1px 10px #000
Borders
(16)
4px solid #0000
1px solid var(--background-tinted-base)
1px solid #ffffff1a
2px solid #1ed760
1px solid #1ed760
2px solid var(--background-tinted-base)
1px solid var(--essential-subdued)
1px solid #333
10px solid #0000
1px solid var(--text-subdued)
1px solid #ffffff1a
1px solid var(--background-elevated-highlight)
1px solid #ffffff1a
1px solid var(--background-tinted-highlight)
1px solid #0000
1px solid #fff
All Snapshots
Nov 6, 2026, 04:20 AM
pw@1.58.2
504.0 KB
59 colors
· 9 fonts
· 32 spacing
· 20 icons
178 tokens total
Compare with previous snapshot
May 7, 2026, 04:08 AM
443.7 KB
57 colors
· 9 fonts
· 32 spacing
· 20 icons
174 tokens total
