Demo
Colors
text
background
primary
secondary
muted
highlight
gray
accent
darken
Typography
Body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
Heading: inherit
Type Scale
96px
64px
48px
32px
24px
20px
16px
14px
12px
Example components
Buttons
Form elements
Links
Badges
primary
highlight
accent
outline
circle
Alerts
primary
secondary
accent
highlight
Navigation
Table
The table header | |
---|---|
The table body | with two columns |
Card
Cupcake ipsum dolor sit amet chocolate bar. Apple pie macaroon muffin jelly candy cake soufflé muffin croissant. Gummies jelly beans cotton candy fruitcake. Wafer lemon drops soufflé cookie. Sesame snaps fruitcake cheesecake danish toffee marzipan biscuit.