UI
Archive
spotify.com snapshot — UI Archive
Home
/
Browse
/
spotify.com
/
Snapshot · May 7, 2026
Spotify
spotify.com
2
snapshots
First archived Apr 5, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
May 7, 2026, 04:08 AM
Older
Compare with previous
Inspect another
spotify.com
· 138 tokens
57
colors
9
fonts
32
spacing
20
icons
Copy link
Export
Atoms
158
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
Now playing view
Volume high
Play Mummo
16×16
16×16
Instagram
Twitter
Facebook
Colors
(57)
Other
(20)
#ffffff
#b3b3b3
#000000
#1ed760
#121212
#7c7c7c
rgba(255, 255, 255, 0.7)
#1f1f1f
#9d968e
#333333
rgba(118, 118, 118, 0.3)
#777777
#c5c5c5
rgba(255, 255, 255, 0.3)
#c0574a
#508162
#a4646f
#535353
#ad6600
#702038
Show all 57 →
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 · 400
The quick brown fox
11px · 400
The quick brown fox
10.5px · 600
SpotifyMixUITitle
(1)
System
The quick brown fox
24px · 700
Spacing
(32)
Space .6em
.6em
Space .8em
.8em
1px
1px
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
Show all 32 →
Border Radius
(14)
8px
16px
1px
12px
50%
4px
2px
23px
100px
40px
6px
1000px
28px
999px
Shadows
(12)
0 0 0 1px #000
0 16px 24px #0000004d,0 6px 8px #0003
0 4px 60px #00000080
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
0 -1px #181818
0 8px 8px #0000004d
Borders
(16)
4px solid #0000
1px solid var(--background-tinted-base)
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-tinted-highlight)
1px solid #ffffff1a
1px solid var(--background-elevated-highlight)
1px solid #ffffff1a
1px solid #0000
1px solid #fff
1px solid #0000
2px solid #121212
All Snapshots
May 7, 2026, 04:08 AM
443.7 KB
57 colors
· 9 fonts
· 32 spacing
· 20 icons
174 tokens total
Compare with previous snapshot
Apr 5, 2026, 07:30 PM
434.0 KB
55 colors
· 22 fonts
· 32 spacing
· 20 icons
186 tokens total
