Skip to content
Theme UI
GitHub

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


Hello

Badges

primary
highlight
accent
outline
circle

Alerts

primary
secondary
accent
highlight


Table

The table header
The table bodywith 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.


Edit the page on GitHub
Previous:
Theme Specification
Next:
Resources