LOGO
Typography
Color
Layout
Elements
Components
Color
Background
background-dark
background-dark-80
background-dark-60
background-dark-40
background-dark-20
background-dark-10
background-primary
background-primary-80
background-primary-60
background-primary-40
background-primary-20
background-primary-10
background-secondary
background-secondary-80
background-secondary-60
background-secondary-40
background-secondary-20
background-secondary-10
background-white
background-action
background-hover
Border
border-dark
border-white
border-primary
border-secondary
border-action
border-hover
Text
text-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
text-white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
text-primary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
text-secondary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
text-action
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
text-hover
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Opacity
opacity-100
opacity-90
opacity-80
opacity-70
opacity-60
opacity-50
opacity-40
opacity-30
opacity-20
opacity-10
opacity-0