Color use
To adjust stylings for tablet or mobile screen only please read this first.
Text color
text-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-primary-900
default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-primary-950
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-primary-100
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-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-300
background-primary-500
background-primary-700
background-primary-900
background-primary-950
background-black
background-white
Shadows
shadow-XL
shadow-L
shadow-M
shadow-S
shadow-XS
shadow-XXS
Opacity
opacity-100
opacity-90
opacity-80
opacity-70
opacity-60
opacity-50
opacity-40
opacity-30
opacity-20
opacity-10
opacity-0