Marcel Deelen
+31 6 3560 8517
hello@marceldeelen.com

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-400
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-secondary-400
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-grey-300
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-yellow-400
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-black
background-grey-100
background-grey-200
background-grey-300
background-white
background-action
background-primary-50
background-primary-100
background-primary-200
background-primary-300
background-primary-400
background-primary-600
background-primary-800
background-secondary-100
background-secondary-200
background-secondary-300
background-secondary-400
background-secondary-600
background-dark-blue-100
background-dark-blue-200
background-dark-blue-300
background-dark-blue-400
background-orange-100
background-orange-200
background-orange-300
background-orange-400
background-orange-600
background-orange-800
background-yellow-100
background-yellow-200
background-yellow-300
background-yellow-400
background-yellow-600
background-yellow-800
background-green-100
background-green-200
background-green-300
background-green-400
background-green-600
background-light-blue-100
background-light-blue-200
background-light-blue-300
background-light-blue-400
background-light-blue-600

Shadow

shadow