Brand Logos (1)
Logo
a[href="/"] svg
Icons (4)
Home
15×15
phosphor
phosphor
Colors (25)
Other (11)
Neutral (8)
Surface (1)
Typography (8)
areal (6)
AaThe quick brown fox jumps over the lazy dog
areal◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
areal◑8512.5px · w700
AaThe quick brown fox jumps over the lazy dog
areal◑8512.5px · w400
AaThe quick brown fox jumps over the lazy dog
areal◑8514.4px · w700
AaThe quick brown fox jumps over the lazy dog
areal◑8516px · w700
AaThe quick brown fox jumps over the lazy dog
areal◑8014.4px · w400
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit○60100% · w400
Times (1)
AaThe quick brown fox jumps over the lazy dog
Times◑8016px · w400
Spacing (29)
-1px
-1px
Space 0
0
Space var space 1
var(--space-1)
Space var space 10
var(--space-10)
Space var space 11
var(--space-11)
Space var space 2
var(--space-2)
Space var space 3
var(--space-3)
Space var space 4
var(--space-4)
Space var space 5
var(--space-5)
Space var space 6
var(--space-6)
Space var space 8
var(--space-8)
Space var space nudge
var(--space-nudge)
Border Radius (14)
Radius var radii 1var(--radii-1)
Radius inheritinherit
Radius 0 0 var radii 2 var radii 20 0 var(--radii-2) var(--radii-2)
Radius var radii roundvar(--radii-round)
Radius rgba 0 0 0 0.08rgba(0, 0, 0, 0.08)
Radius rgba 0 0 0 0.6rgba(0, 0, 0, 0.6)
Radius rgba 0 0 0 0.85rgba(0, 0, 0, 0.85)
Radius rgba 255 255 255 0.08rgba(255, 255, 255, 0.08)
Radius rgba 247 247 247 0.6rgba(247, 247, 247, 0.6)
Radius rgba 255 255 255 0.95rgba(255, 255, 255, 0.95)
Radius var colors gray0var(--colors-gray0)
Radius var colors gray7var(--colors-gray7)
Radius 50%50%
3px3px
Shadows (3)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360