UI
Archive
loveable.dev snapshot — UI Archive
Home
/
Browse
/
loveable.dev
/
Snapshot · May 7, 2026
loveable
loveable.dev
2
snapshots
First archived Apr 12, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
May 7, 2026, 03:58 AM
Older
Compare with previous
Inspect another
loveable.dev
· 108 tokens
26
colors
12
fonts
32
spacing
10
icons
Copy link
Export
Atoms
118
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
Beta
Icons
(10)
material
material
material
material
material
material
material
material
material
material
Colors
(26)
Other
(20)
#eceae4
#1c1c1c
#5f5f5d
#2e2e2d
#fafafa
#f7f4ed
oklab(0.226664 0.0000103414 0.00000451505 / 0.7)
#030303
lab(47.8174 -0.203669 0.727129 / 0.4)
#ffffff
#fcfbf8
#eaf1fa
lab(0 0 0 / 0.88)
#000000
oklab(0.226664 0.0000103414 0.00000451505 / 0.65)
lab(100 0 0 / 0.8)
oklab(0.987773 -0.0000603199 0.00420386 / 0.75)
oklab(0.999998 -0.00000980496 0.0000234246 / 0.4)
#005bf0
--color-yellow-950
#432004
Show all 26 →
Typography
(12)
Camera Plain Variable
(11)
Custom
The quick brown fox
60px · 600
The quick brown fox
60px · 480
The quick brown fox
48px · 600
The quick brown fox
36px · 600
The quick brown fox
20px · 400
The quick brown fox
18px · 400
The quick brown fox
16px · 400
The quick brown fox
15px · 400
The quick brown fox
14px · 480
The quick brown fox
14px · 400
The quick brown fox
12px · 600
Menlo
(1)
System
The quick brown fox
13px · 400
Spacing
(32)
Space .142857em
.142857em
Space .15rem
.15rem
Space .1875em
.1875em
Space .222222em
.222222em
Space .25rem
.25rem
Space .285714em
.285714em
Space .444444em
.444444em
Space .5em
.5em
Space .5rem
.5rem
Space .571429em
.571429em
Space .6em
.6em
Space .666667em
.666667em
Show all 32 →
Border Radius
(16)
inherit
unset
100%
4px
.3125rem
.375rem
.25rem
6px
1.5rem
2px
2rem
3px
8px
10px
12px
16px
Shadows
(10)
#000 0 6px 6px -6px inset
#000 6px 0 6px -6px inset
0 0 0 .5px #0000001f, inset 0 0 0 .5px #ffffff1f, 0px 1px 1px -.5px #0000000a, 0px 3px 3px -1.5px #0000000a, 0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a
0 1px 1px #0000000d
0 3px 3px #0000001f
0 9px 7px #0000001a
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, oklab(0 0 0 / 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px
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(247, 244, 237) 0px -1px 0px 0px inset
rgba(0, 0, 0, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.16) 0px -1px 0px 0px inset, rgb(0, 0, 0) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.24) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.16) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0.12) 0px 2px 2px -1px, rgba(0, 0, 0, 0.12) 0px 4px 4px -2px
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.12) 0px 0px 0px 0.5px, rgba(255, 255, 255, 0.48) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.02) 0px 2px 2px -1px, rgba(0, 0, 0, 0.02) 0px 4px 4px -2px
Borders
(4)
0 solid
1px solid rgb(236, 234, 228)
1px solid lab(47.8174 -0.203669 0.727129 / 0.4)
1px solid lab(100 0 0)
Tech Stack
(3 detected)
Tailwind CSS
css framework
Bootstrap
css framework
shadcn/ui
component library
Icon Libraries
(1 detected)
Material Icons
10 icons
All Snapshots
May 7, 2026, 03:58 AM
560.5 KB
26 colors
· 12 fonts
· 32 spacing
· 10 icons
125 tokens total
Compare with previous snapshot
Apr 12, 2026, 08:19 AM
534.5 KB
11 colors
· 2 fonts
· 20 spacing
85 tokens total
