UI
Archive
are.na snapshot — UI Archive
Home
/
Browse
/
are.na
/
Snapshot · Nov 6, 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 6, 2026, 03:13 AM
Newer
Older
Compare with previous
Inspect another
are.na
· 92 tokens
23
colors
9
fonts
32
spacing
10
icons
Copy link
Export
Atoms
102
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 2.5px
2.5px
Space 5px
5px
Space 6px
6px
Space 7px
7px
Space 7.5px
7.5px
Space 10px
10px
Space 10
10%
10.6875px
10.6875px
Space 12
12%
Space 15px
15px
Show all 32 →
Border Radius
(5)
3px
inherit
50%
18px
10px
Shadows
(7)
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)
0px 0px 20px 0px rgba(0, 0, 0, 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-gray2)
1px solid var(--colors-slate)
1px solid var(--colors-gray1)
1px solid var(--colors-gray2)
1px solid
1px solid var(--colors-gray2)
1px solid var(--colors-gray2)
1px solid var(--colors-gray1)
1px solid var(--colors-blue3)
1px solid var(--colors-blue2)
1px solid var(--colors-foreground)
1px solid rgb(237, 237, 237)
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
