UI
Modes
light
Card
Notice how the borders round
Card in card
Card
This is a card element. It has a background.
Card
This has been implemented to only a depth of 3.
Card
You have bigger problems if you need 4.
dark
Card
Notice how the borders round
Card in card
Card
This is a card element. It has a background.
Card
This has been implemented to only a depth of 3.
Card
You have bigger problems if you need 4.
Typography
Font Scale
--font-size-5
--font-size-4
--font-size-3
--font-size-2
--font-size-1
--font-size-0
--font-size--1
--font-size--2
Font Family
Heading
Heading
Heading
Heading
Heading
Content
Content
Content
Content
Content
Mono
Mono
Mono
Mono
Mono
Layout
Cluster
Elements 1
Elements 2
Elements 3
Buttons
Classic Buttons
Buttons with icons
Buttons with icon text and Rounded Edges
Inputs
Range Inputs
Checkboxes and Switches
Cards
Card
Card is a nice surface to make stuff off of.
Card
Card
Card
Card
Card