UI
Archive
are.na snapshot — UI Archive
Home
/
Browse
/
are.na
/
Snapshot · Nov 14, 2026
are
are.na
5
snapshots
First archived Mar 30, 2026
Last updated Nov 14, 2026
Take a new snapshot
Export tokens
Compare this site
Visit site
Snapshot from
Nov 14, 2026, 03:12 AM
Older
Compare with previous
Inspect another
are.na
· 93 tokens
23
colors
9
fonts
32
spacing
10
icons
Copy link
Export
Atoms
103
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
Beta
Icons
(10)
Are.na
Are.na
phosphor
phosphor
phosphor
phosphor
phosphor
phosphor
15×15
15×15
phosphor
Colors
(23)
Other
(13)
--colors-blue3
#00075f
#f7f7f7
#ededed
#dedede
--colors-red2
#dfbebe
--colors-red3
#b93d3d
--colors-green2
#b4d6b3
--colors-green3
#238020
--colors-blue1
#ebecf7
--colors-blue2
#3d46c2
--colors-foregroundShadow
rgba(0, 0, 0, 0.08)
--colors-foregroundLight
rgba(0, 0, 0, 0.6)
--colors-foregroundHeavy
rgba(0, 0, 0, 0.85)
Neutral
(5)
--colors-gray0
#ffffff
--colors-gray4
#999999
--colors-gray5
#696969
--colors-gray6
#333333
--colors-gray7
#000000
Surface
(2)
--colors-backgroundLight
rgba(247, 247, 247, 0.6)
--colors-backgroundShadow
rgba(255, 255, 255, 0.08)
Show all 23 →
Typography
(9)
areal
(9)
Custom
The quick brown fox
19.2px · 700
The quick brown fox
19.2px · 400
The quick brown fox
16px · 700
The quick brown fox
16px · 400
The quick brown fox
14.4px · 700
The quick brown fox
14.4px · 400
The quick brown fox
12.5px · 700
The quick brown fox
12.5px · 400
The quick brown fox
10px · 600
Spacing
(32)
Space 0.5357142857142857em
0.5357142857142857em
Space 2px
2px
Space 2vw
2vw
Space 2.5px
2.5px
Space 5px
5px
Space 6px
6px
7px
7px
Space 7.5px
7.5px
Space 10px
10px
Space 10
10%
10.6875px
10.6875px
Space 12
12%
Show all 32 →
Border Radius
(6)
3px
inherit
50%
18px
10px
9999px
Shadows
(7)
0px 0px 20px 0px rgba(0, 0, 0, 0.08)
inset 1px 0 0 #EDEDED
0 0 34px 0 color-mix(in srgb, #000 5%, transparent)
0 0 0 2px #3D46C2
rgba(0, 0, 0, 0.08)
rgba(255, 255, 255, 0.08)
color(srgb 0 0 0 / 0.05) 0px 0px 34px 0px
Borders
(16)
1px solid transparent
1px solid var(--colors-gray3)
1px solid var(--colors-gray7)
1px solid var(--colors-focus)
1px solid var(--colors-gray1)
1px solid var(--colors-gray2)
1px solid var(--colors-gray2)
1px solid var(--colors-slate)
1px solid var(--colors-gray2)
1px solid var(--colors-gray2)
1px solid var(--colors-gray3)
2px solid var(--colors-gray2)
1px solid
1px solid var(--colors-blue3)
1px solid var(--colors-blue2)
1px solid var(--colors-gray1)
Tech Stack
(1 detected)
Next.js
js framework
Icon Libraries
(1 detected)
Phosphor Icons
7 icons
All Snapshots
Nov 14, 2026, 03:12 AM
pw@1.58.2
86.0 KB
23 colors
· 9 fonts
· 32 spacing
· 10 icons
112 tokens total
Compare with previous snapshot
Nov 6, 2026, 03:13 AM
pw@1.58.2
71.4 KB
23 colors
· 9 fonts
· 32 spacing
· 10 icons
111 tokens total
Compare with previous snapshot
May 7, 2026, 03:14 AM
41.6 KB
23 colors
· 6 fonts
· 16 spacing
· 4 icons
73 tokens total
Compare with previous snapshot
Apr 4, 2026, 05:17 PM
52.3 KB
25 colors
· 13 fonts
· 29 spacing
· 6 icons
100 tokens total
Compare with previous snapshot
Mar 30, 2026, 04:02 PM
64.5 KB
25 colors
· 6 fonts
· 26 spacing
· 4 icons
89 tokens total
