Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost
Button primary
Button secondary
Button ghost

Card Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Button primary

Card Shadow SM

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Button primary

Card Shadow MD

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Button primary

Sections

section section--xs section--sm section--lg section--xl section--flush

Container

container--480 container--640 container--768 container--1024 container--1280 container--1440 container--fluid

Content Wrapper

Vertikale Verteilung
stack stack--sm stack--lg
Horizontale Verteilung
cluster cluster--lg cluster--xl

Layout

Grid
grid grid-2 grid-3 grid-4 grid-auto
Flexbox
flex flex-col flex-center flex-start flex-end flex-between flex-around flex-wrap

Gap

gap-8 gap-16 gap-24 gap-32 gap-48 gap-64

Border-Radius

radius-4 radius-8 radius-12 radius-16 radius-24 radius-32 radius-48 radius-64 radius-full

Padding

Gleichmäßig
inset-8 inset-16 inset-24 inset-32 inset-48 inset-64
Asymmetrisch horizontal
inset-squish-8-16 inset-squish-12-24 inset-squish-16-32 inset-squish-24-48 inset-squish-32-64
Asymmetrisch vertikal
inset-stretch-16-8 inset-stretch-24-16 inset-stretch-32-24
X-Achse
px-8 px-12 px-16 px-24 px-32 px-48 px-64 px-80
Y-Achse
py-8 py-12 py-16 py-24 py-32 py-48 py-64 py-80

Background

bg-light bg-dark bg-primary bg-secondary bg-alt bg-accent