UI
Archive
Home
/
Browse
/
shopify.com
/
Snapshot · Nov 6, 2026
Shopify
shopify.com
3
snapshots
First archived Apr 10, 2026
Last updated Nov 6, 2026
Take a new snapshot
Export tokens
Compare this site
Visit site
Snapshot from
Nov 6, 2026, 03:46 AM
Older
Compare with previous
Inspect another
shopify.com
· 141 tokens
48
colors
21
fonts
32
spacing
13
icons
Copy link
Export
Atoms
154
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
Beta
Icons
(13)
Toggle Consent Management Menu
heroicons
heroicons
34×34
33×33
heroicons
heroicons
heroicons
heroicons
ChatGPT
shopify logo shopping bag full color 66166b2e55d67988b56b4bd
94bf4a2851a16821c472f9e9cf1b5bb7
California Consumer Privacy Act (CCPA) Opt-Out Icon
Colors
(48)
Other
(20)
--color-black
#000000
--color-white
#ffffff
--color-shade-40
#a1a1aa
--color-shade-50
#71717a
--color-shop-purple
#5433eb
#e5e7eb
#36f4a4
#e4e4e7
#9797a2
rgba(255, 255, 255, 0.1)
oklab(0.999994 0.0000455678 0.0000200868 / 0.1)
#02090a
#751be9
#061a1c
#11352d
#99b3ad
#9dabad
#bdbdca
oklab(0.202157 -0.0241444 -0.0107363 / 0.2)
#f4f4f5
Show all 48 →
Typography
(21)
Shopify-Inter
(18)
Custom
The quick brown fox
96px · 300
The quick brown fox
64px · 330
The quick brown fox
56px · 330
The quick brown fox
56px · 300
The quick brown fox
44px · 330
The quick brown fox
24px · 400
The quick brown fox
20px · 450
The quick brown fox
20px · 400
The quick brown fox
18px · 600
The quick brown fox
18px · 550
The quick brown fox
18px · 400
The quick brown fox
16px · 550
The quick brown fox
16px · 420
The quick brown fox
16px · 400
The quick brown fox
14px · 500
The quick brown fox
14px · 420
The quick brown fox
13px · 420
The quick brown fox
12px · 420
Inter
(3)
Custom
The quick brown fox
14px · 700
The quick brown fox
12px · 200
The quick brown fox
10px · 200
Spacing
(32)
Space .25em
.25em
Space .25rem
.25rem
Space .5rem
.5rem
Space .625rem
.625rem
Space 1rem
1rem
Space 1em
1em
Space 1.5rem
1.5rem
Space 2px
2px
Space 2rem
2rem
Space 2.5rem
2.5rem
Space 3px
3px
Space 4px
4px
Show all 32 →
Border Radius
(15)
9999px
.75rem
.25rem
1rem
2rem
5px
8px
12px
100%
inherit
.5rem
.375rem
9px
20px
3rem
Shadows
(12)
0 2px 6.7px #0006
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.03) 0px 0.929px 0px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 0px 0.929px, rgba(0, 0, 0, 0.1) 0px 1.858px 1.858px 0px, rgba(0, 0, 0, 0.1) 0px 3.717px 3.717px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.2) 0px 5px 10px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 8px 8px 0px, rgba(0, 0, 0, 0.1) 0px 4px 4px 0px, rgba(0, 0, 0, 0.1) 0px 2px 2px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(255, 255, 255, 0.03) 0px 1px 0px 0px inset
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.05) 0px 1px 2px 0px, rgba(255, 255, 255, 0.04) 0px 1px 0px 0px inset
rgba(0, 0, 0, 0.25) 0px 10px 50px 0px, rgba(255, 255, 255, 0.25) 0px 0px 0px 1px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255, 255, 255) 0px 0px 0px 0px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.3) 0px 1.5px 9px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 71, 77, 0.4) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.08) 0px 1px 0px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(7, 13, 23) 0px 16px 24px 0px
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(7, 13, 23, 0.1) 0px 16px 24px 0px
Borders
(11)
0 solid
0 solid #e5e7eb
1px solid rgba(0, 0, 0, 0)
1px solid rgb(228, 228, 231)
2px solid rgb(255, 255, 255)
2px solid rgba(0, 0, 0, 0)
2px solid rgb(229, 231, 235)
1px solid rgba(255, 255, 255, 0.1)
1px solid rgb(17, 53, 45)
1px solid rgb(30, 44, 49)
1px solid rgb(18, 28, 30)
Tech Stack
(1 detected)
Tailwind CSS
css framework
Icon Libraries
(1 detected)
Heroicons
6 icons
All Snapshots
Nov 6, 2026, 03:46 AM
pw@1.58.2
266.5 KB
48 colors
· 21 fonts
· 32 spacing
· 13 icons
170 tokens total
Compare with previous snapshot
May 7, 2026, 03:37 AM
229.0 KB
49 colors
· 24 fonts
shopify.com snapshot — UI Archive
· 32 spacing
· 11 icons
170 tokens total
Compare with previous snapshot
Apr 10, 2026, 11:42 PM
222.9 KB
22 colors
· 1 fonts
· 20 spacing
77 tokens total
