UI
Archive
Home
/
Browse
/
stripe.com
/
Snapshot · Apr 24, 2026
Stripe
stripe.com
4
snapshots
First archived Apr 4, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
Apr 24, 2026, 11:39 AM
Newer
Older
Compare with previous
Inspect another
stripe.com
· 156 tokens
61
colors
23
fonts
32
spacing
29
icons
Copy link
Export
Atoms
189
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
50
Beta
Icons
(29)
16×16
Toggle navigation menu
heroicons
wrapper
heroicons
Lovable logo
Runway logo
Linear logo
59×32
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
60×60
Previous slide
Next slide
container
Finland. Choose your country
Colors
(61)
Other
(16)
#000000
#061b31
#50617a
#64748d
#ffffff
#0810bf
#ff6118
#3c4f69
#667691
#e5edf5
#273951
#1a2c44
#7d8ba4
#6b59fe
#e2e4ff
#81b81a
Brand
(4)
--hds-color-core-brand-100
#d6d9fc
--hds-color-core-brand-400
#7f7dfc
--hds-color-core-brand-600
#533afd
--hds-color-core-brand-200
#b9b9f9
Show all 61 →
Typography
(23)
sohne-var
(23)
System
The quick brown fox
56px · 300
The quick brown fox
48px · 300
The quick brown fox
32px · 300
The quick brown fox
26px · 400
The quick brown fox
26px · 300
The quick brown fox
22px · 300
The quick brown fox
18px · 300
The quick brown fox
16px · 400
The quick brown fox
16px · 300
The quick brown fox
15px · 400
The quick brown fox
14px · 400
The quick brown fox
14px · 300
The quick brown fox
13px · 400
The quick brown fox
12px · 400
The quick brown fox
12px · 300
The quick brown fox
11px · 400
The quick brown fox
11px · 300
The quick brown fox
10px · 400
The quick brown fox
10px · 300
The quick brown fox
9px · 400
The quick brown fox
9px · 300
The quick brown fox
8px · 400
The quick brown fox
8px · 300
Spacing
(32)
Space 0em
0em
Space 2px
2px
Space 3px
3px
Space 3.2px
3.2px
Space 4px
4px
Space 5px
5px
Space 6px
6px
Space 6.5px
6.5px
Space 7px
7px
Space 8px
8px
Space 9px
9px
Space 10px
10px
Show all 32 →
Border Radius
(15)
1px
50%
10px
100px
4px
16px
2px
5px
30px
3px
var(--phone-graphic-border-radius-outer)
var(--phone-graphic-border-radius-inner)
calc(var(--card-radius) - 1px)
var(--card-radius)
100%
Shadows
(12)
inset 0 0 0 2px var(--hds-color-core-neutral-0)
0 30px 60px -50px #0000001a,0 30px 60px -10px #32325d40
var(--hds-shadow-md-top-offset-x,0) var(--hds-shadow-md-top-offset-y,6px) var(--hds-shadow-md-top-blur,22px) var(--hds-shadow-md-top-spread,0) var(--hds-color-shadow-md-top,rgba(0,55,112,.1)),var(--hds-shadow-md-bottom-offset-x,0) var(--hds-shadow-md-bottom-offset-y,4px) var(--hds-shadow-md-bottom-blur,8px) var(--hds-shadow-md-bottom-spread,0) var(--hds-color-shadow-md-bottom,rgba(0,59,137,.02))
0 -1px 0 0 var(--hds-color-surface-border-quiet)
0px 16px 32px rgba(50,50,93,.12)
0 0 32.239px -14.806px rgba(50,50,93,.25),0 4.776px 19.343px -9.672px rgba(0,0,0,.1)
0 .683px 2.048px 0 rgba(0,0,0,.06),0 3.413px 10.24px 0 rgba(53,53,53,.04)
0 15px 35px 0 hsla(0,0%,9%,.08)
0 3px 6px 0 hsla(0,0%,9%,.06)
0 6px 12px -2px rgba(50,50,93,.08),0 3px 7px -3px rgba(0,0,0,.04)
0 13.365px 26.73px -12.276px rgba(50,50,93,.25),0 8.019px 16.038px -8.019px rgba(0,0,0,.1)
0 27px 40.5px -27px rgba(50,50,93,.25),0 16.2px 32.4px -16.2px rgba(0,0,0,.1)
Borders
(16)
1px solid var(--hds-color-surface-border-quiet)
1px solid var(--hds-color-surface-border-quiet)
1px solid var(--hds-color-core-neutral-0)
1px dashed #e5edf5
1px solid var(--hds-color-surface-border-quiet)
1px solid var(--hds-color-surface-border-quiet)
1px solid var(--hds-color-accent-border-quiet)
1px solid var(--hds-canary-ui-mini-stroke)
1px solid var(--hds-color-util-neutral-50)
1.194px solid var(--hds-color-util-neutral-50)
1px solid var(--hds-color-util-neutral-50)
1px solid var(--hds-color-util-neutral-50)
1px solid var(--hds-color-util-neutral-25)
1px solid rgba(40,99,177,.15)
1px solid var(--hds-canary-ui-stroke)
1px solid var(--hds-color-util-neutral-0)
Tech Stack
(1 detected)
Next.js
js framework
Icon Libraries
(1 detected)
Heroicons
2 icons
All Snapshots
May 7, 2026, 03:07 AM
426.7 KB
64 colors
· 23 fonts
· 32 spacing
· 29 icons
205 tokens total
Compare with previous snapshot
Apr 24, 2026, 11:39 AM
423.5 KB
61 colors
· 23 fonts
· 32 spacing
· 29 icons
202 tokens total
Compare with previous snapshot
Apr 12, 2026, 12:29 AM
415.9 KB
19 colors
· 20 spacing
· 13 icons
104 tokens total
Compare with previous snapshot
Apr 4, 2026, 04:10 PM
409.1 KB
64 colors
· 24 fonts
· 32 spacing
· 14 icons
213 tokens total
stripe.com snapshot — UI Archive
