LOGO
Typography
Color
Layout
Elements
Components
Color
Background
background-dark-900
background-dark-800
background-dark-700
background-dark-600
background-dark-500
background-dark-400
background-dark-300
background-dark-200
background-dark-100
background-dark-50
background-dark-25
background-primary-900
background-primary-800
background-primary-700
background-primary-600
background-primary-500
background-primary-400
background-primary-300
background-primary-200
background-primary-100
background-primary-50
background-primary-25
background-white
background-action
background-hover
Border
border-dark
border-white
border-primary
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-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