UI
Archive
superhuman.com snapshot — UI Archive
Home
/
Browse
/
superhuman.com
/
Snapshot · May 7, 2026
superhuman
superhuman.com
3
snapshots
First archived Apr 10, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
May 7, 2026, 03:45 AM
Older
Compare with previous
Inspect another
superhuman.com
· 59 tokens
24
colors
1
fonts
4
spacing
1
icons
Copy link
Export
Atoms
62
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
22
Beta
Icons
(1)
20×14
Colors
(24)
Other
(15)
#292827
#000000
#ffffff
--mulberry-0
#fff2fa
--mulberry-10
#ffdcf3
--mulberry-20
#f6aadd
--mulberry-30
#da7cb4
--mulberry-40
#bf6193
--mulberry-60
#8d3d62
--mulberry-80
#792d4b
--mulberry-90
#602639
--mulberry-100
#421d24
--mulberry-black
#241013
--purple-10
#e8e0ff
--purple-20
#d4c7ff
Neutral
(5)
--neutral-0
#fcfaf7
--neutral-30
#bfbcb6
--neutral-40
#8d8a86
--neutral-80
#474543
--neutral-95
#1f1e1d
Show all 24 →
Typography
(1)
Super Sans VF
(1)
Custom
The quick brown fox
16px · 460
Spacing
(4)
Space 0rem
0rem
Space 0.5em
0.5em
Space 0.75em
0.75em
Space 1rem
1rem
Border Radius
(16)
calc(6 / 16 * 1rem)}
calc(10 / 16 * 1rem)
calc(4 / 16 * 1rem)
calc(999 / 16 * 1rem)
calc(12 / 16 * 1rem)
calc(16 / 16 * 1rem)
calc(8 / 16 * 1rem)
initial
calc(20 / 16 * 1rem)
50%
34px
4px
inherit
calc(6 / 16 * 1rem)
calc(24 / 16 * 1rem)
calc(8 / 16 * 1rem)}
Shadows
(11)
inset 0 0 0 1px currentColor
0 0 0 1px rgb(from light-dark(#474543,#141413) r g b/4%),0 4px 8px -2px rgb(from light-dark(#474543,#141413) r g b/6%),0 2px 4px 0 rgb(from light-dark(#474543,#141413) r g b/4%),0 1px 2px 0 rgb(from light-dark(#474543,#141413) r g b/4%),0 0 0 1px rgb(from light-dark(#dedbd5,#474543) r g b/20%)
0 0 0 1px rgb(from light-dark(#474543,#141413) r g b/4%),0 16px 8px -8px rgb(from light-dark(#474543,#141413) r g b/1%),0 12px 6px -6px rgb(from light-dark(#474543,#141413) r g b/2%),0 5px 5px -2.5px rgb(from light-dark(#474543,#141413) r g b/8%),0 1px 3px -1.5px rgb(from light-dark(#474543,#141413) r g b/16%),0 0 0 1px rgb(from light-dark(#dedbd5,#474543) r g b/20%)
0 0 0 1px rgb(from light-dark(#474543,#141413) r g b/4%),0 1px 1px 0.5px rgb(from light-dark(#474543,#141413) r g b/4%),0 3px 3px -1.5px rgb(from light-dark(#474543,#141413) r g b/2%),0 6px 6px -3px rgb(from light-dark(#474543,#141413) r g b/4%),0 12px 12px -6px rgb(from light-dark(#474543,#141413) r g b/4%),0 24px 24px -12px rgb(from light-dark(#474543,#141413) r g b/4%),0 48px 48px -24px rgb(from light-dark(#474543,#141413) r g b/4%),0 96px 96px -32px rgb(from light-dark(#474543,#141413) r g b/6%),0 0 0 1px rgb(from light-dark(#dedbd5,#474543) r g b/20%)
0 -4px 8px .5px rgb(from light-dark(#474543,#141413) r g b/16%)
0 0 0 1px rgb(from light-dark(#474543,#141413) r g b/4%),0 1px 1px 0.5px rgb(from light-dark(#474543,#141413) r g b/4%),0 3px 3px -1.5px rgb(from light-dark(#474543,#141413) r g b/2%),0 6px 6px -3px rgb(from light-dark(#474543,#141413) r g b/4%),0 12px 12px -6px rgb(from light-dark(#474543,#141413) r g b/4%),0 24px 24px -12px rgb(from light-dark(#474543,#141413) r g b/4%),0 48px 48px -24px rgb(from light-dark(#474543,#141413) r g b/4%),0 0 0 1px rgb(from light-dark(#dedbd5,#474543) r g b/20%)
0 0 25px rgb(from light-dark(rgb(0 0 0/0%),rgb(255 255 255/0%)) r g b/25%)
0 0 0 2px light-dark(#0163c6,#62abff)
0 calc(-5 / 16 * 1rem),0 calc(5 / 16 * 1rem)
light-dark(#474543,#141413)
light-dark(#dedbd5,#474543)
Borders
(16)
1px solid var(--color-border-sub)
1px solid var(--color-border-sub)
0 solid var(--color-border-sub)
0 solid var(--color-border-sub)
1px solid var(--color-border-sub)
0 solid var(--color-border-sub)
1px solid var(--color-border-sub)
1px solid var(--color-border-sub)
0 solid var(--color-border-sub)
1px solid var(--code-block-border-color)
1px solid var(--color-border-base)
1px solid var(--color-action-secondary)
1px solid var(--color-secondary-base)
1px solid
1.5px solid
1px solid rgb(from var(--_overlay-source) r g b/12%)
Tech Stack
(1 detected)
Next.js
js framework
Inspection Notes
• Only 1 icon captured. The page likely contains more (icon fonts, sprite sheets, or lazy-loaded SVGs).
All Snapshots
May 7, 2026, 03:45 AM
148.6 KB
24 colors
· 1 fonts
· 4 spacing
· 1 icons
73 tokens total
Compare with previous snapshot
Apr 10, 2026, 11:43 PM
145.6 KB
26 colors
· 9 fonts
· 20 spacing
100 tokens total
Compare with previous snapshot
Apr 10, 2026, 10:35 PM
145.6 KB
26 colors
· 9 fonts
· 20 spacing
100 tokens total