dark Mode

Heading

h1 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h2 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h3 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h4 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h5 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

Text

text-9xl

text-8xl

text-7xl

text-6xl

text-5xl

text-4xl

text-3xl

text-2xl

text-xl

text-lg

text-md

text-sm

text-xs

text-2xs

text-3xs

Button

Chakra

xs
sm
md
lg

Tailwind Color

Ground
Underground
Overground
Accent 800
Accent 500
Accent 200
Content Primary
Content Secondary
Content tertiary
Content quaternary
Border Primary
Border Secondary
Border Tertiary
Feedback informative
500
Feedback positive
100
500
Feedback warning
100
500
Feedback negative
100
500

Effect

animated-border

light Mode

Heading

h1 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h2 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h3 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h4 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

h5 Integer posuere erat a ante venenatis dapibus Donec ullamcorper nulla non.

Text

text-9xl

text-8xl

text-7xl

text-6xl

text-5xl

text-4xl

text-3xl

text-2xl

text-xl

text-lg

text-md

text-sm

text-xs

text-2xs

text-3xs

Button

Chakra

xs
sm
md
lg

Tailwind Color

Ground
Underground
Overground
Accent 800
Accent 500
Accent 200
Content Primary
Content Secondary
Content tertiary
Content quaternary
Border Primary
Border Secondary
Border Tertiary
Feedback informative
500
Feedback positive
100
500
Feedback warning
100
500
Feedback negative
100
500

Effect

animated-border