Icons (6)
24×24
Button
16×16
module__Icon___bf2xY
module__Icon___bf2xY
module__Icon___bf2xY
Colors (31)
Other (12)
Neutral (8)
Typography (8)
Mona Sans (5)
AaThe quick brown fox jumps over the lazy dog
Mona Sans◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
Mona Sans◑8516px · w500
AaThe quick brown fox jumps over the lazy dog
Mona Sans◑8534px · w500
AaThe quick brown fox jumps over the lazy dog
Mona Sans◑8520px · w500
AaThe quick brown fox jumps over the lazy dog
Mona Sans◑8022px · w480
-apple-system (3)
AaThe quick brown fox jumps over the lazy dog
-apple-system◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
-apple-system◑8514px · w500
AaThe quick brown fox jumps over the lazy dog
-apple-system◑8016px · w400
Spacing (32)
-1px
-1px
Space var base size 2 .125rem
var(--base-size-2,.125rem)
Space calc var base size 4 .25rem
calc(var(--base-size-4,.25rem)
Space var control small gap .25rem
var(--control-small-gap,.25rem)
Space var overlay paddingBlock condensed .25rem
var(--overlay-paddingBlock-condensed,.25rem)
Space var base size 4 .25rem
var(--base-size-4,.25rem)
Space var control xsmall gap .25rem
var(--control-xsmall-gap,.25rem)
normal 4px
normal 4px
Space 0.1px
0.1px
Space .125rem
.125rem
Space 0.125rem
0.125rem
Space 0.18px
0.18px
Border Radius (16)
Radius var brand borderRadius smallvar(--brand-borderRadius-small)
Radius var brand borderRadius mediumvar(--brand-borderRadius-medium)
Radius var brand borderRadius largevar(--brand-borderRadius-large)
Radius var brand borderRadius xlargevar(--brand-borderRadius-xlarge)
Radius var brand borderRadius fullvar(--brand-borderRadius-full)
Radius var brand borderRadius medium var brand borderRadius medium 0 0var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0
Radius inheritinherit
Radius var brand borderRadius medium 6pxvar(--brand-borderRadius-medium,6px)
Radius 50%50%
Radius .45rem.45rem
Radius .35rem.35rem
Radius .5rem.5rem
Radius 300px300px
Radius var brand VideoPlayer range borderRadiusvar(--brand-VideoPlayer-range-borderRadius)
Radius var base size 4var(--base-size-4)
Radius var base size 48var(--base-size-48)
Shadows (12)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
○60
Shadow 460
○60
Shadow 560
○60
Shadow 660
○60
Shadow 760
○60
Shadow 860
○60
Shadow 960
○60
Shadow 1060
○60
Shadow 1160
○60
Shadow 1260