Color use

To adjust stylings for tablet or mobile screen only please read this first.

Text color

text-black
default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-primary-500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-secondary-500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-action
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.

Background color

background-primary-25
background-primary-50
background-primary-100
background-primary-200
background-primary-300
background-primary-400
background-primary-500
background-primary-600
background-primary-700
background-primary-800
background-primary-900
background-secondary-25
background-secondary-50
background-secondary-100
background-secondary-200
background-secondary-300
background-secondary-400
background-secondary-500
background-secondary-600
background-secondary-700
background-secondary-800
background-secondary-900
background-black
background-white
background-action

Shadows

shadow-XL
shadow-L
shadow-M
shadow-S
shadow-XS
shadow-XXS