Brand Logos (1)
Logo
[class*="logo"] svg
Icons (1)
Play
Colors (64)
Other (20)
Typography (6)
inherit (3)
AaThe quick brown fox jumps over the lazy dog
inheritinherit · w700
AaThe quick brown fox jumps over the lazy dog
inheritvar(--font-size-medium,1rem) · w700
AaThe quick brown fox jumps over the lazy dog
inheritvar(--font-size-x-large,1.25rem) · w700
sans-serif (2)
AaThe quick brown fox jumps over the lazy dog
sans-serif62.5% · w400
AaThe quick brown fox jumps over the lazy dog
sans-serifvar(--font-size-medium,1rem) · w400
Linux Libertine (1)
AaThe quick brown fox jumps over the lazy dog
Linux Libertine3rem · w400
Spacing (32)
Space 1px
1px
Space .1rem
.1rem
Space 2px
2px
Space .16rem
.16rem
Space .2rem
.2rem
Space 4px
4px
Space .26rem
.26rem
Space 5px
5px
Space 6px
6px
Space .4rem
.4rem
Space .5rem
.5rem
Space 8px
8px
Border Radius (24)
Radius var border radius basevar(--border-radius-base)
Radius 0 var border radius base var border radius base 00 var(--border-radius-base) var(--border-radius-base) 0
Radius var border radius base 0 0 var border radius basevar(--border-radius-base) 0 0 var(--border-radius-base)
Radius 2px2px
Radius 9999px9999px
Radius 50%50%
Radius centercenter
Radius covercover
Radius 0 0 8px 00 0 8px 0
Radius 0 0 16px 00 0 16px 0
Radius 101418#101418
Radius fff#fff
Radius 27292d#27292d
Radius 202122#202122
Radius 404244#404244
Radius 54595d#54595d
Radius f8f9fa#f8f9fa
Radius 36c#36c
Radius 3056a9#3056a9
Radius 233566#233566
Radius 6485d1#6485d1
Radius 1b223d#1b223d
Radius bf3c2c#bf3c2c
Radius 9f3526#9f3526
Shadows (24)
Shadow 1
Shadow 2
Shadow 3
Shadow 4
Shadow 5
Shadow 6
Shadow 7
Shadow 8
Shadow 9
Shadow 10
Shadow 11
Shadow 12
Shadow 13
Shadow 14
Shadow 15
Shadow 16
Shadow 17
Shadow 18
Shadow 19
Shadow 20
Shadow 21
Shadow 22
Shadow 23
Shadow 24