Jan Jansen
Klantenservice
Styleguide
Colors design tokens
Neutral
0
50
100
150
200
300
400
500
600
700
800
900
Primary
500
600
Palette 1
Text 1
Text 2
Text 3
contrast 1
contrast 2
surface 2
Bekijk formulier elementen
Palette 2
Text 1
Text 2
Text 3
contrast 1
contrast 2
surface 2
Bekijk formulier elementen
Palette 3
Text 1
Text 2
Text 3
contrast 1
contrast 2
surface 2
Bekijk formulier elementen
Palette 4
Text 1
Text 2
Text 3
contrast 1
contrast 2
surface 2
Bekijk formulier elementen
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is intro
This is body-1
This is body-2
This is body-3
This is body-4
Scoped text
Amet aspernatur dolores esse laborum maxime obcaecati quis quos similique veniam voluptatum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ducimus ea eius, harum ipsa nihil odio pariatur provident ratione reprehenderit voluptas voluptatibus! Lorem ipsum dolor sit amet, consectetur adipisicing.
Consectetur adipisicing elit. Animi asperiores assumenda beatae delectus, doloremque ducimus ea eveniet facilis fuga harum id in iste iure laudantium maxime nam perspiciatis provident quasi quod reiciendis reprehenderit sint, sunt tempora vero vitae accusantium aliquid distinctio.
Scoped unordered list
- Consectetur elit.
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Accusantium blanditiis cupiditate
- Consectetur elit.
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Accusantium blanditiis cupiditate
- Lorem ipsum dolor sit amet
- Quia sapiente ut voluptatem
Scoped ordered list
- Accusantium blanditiis cupiditate
- Quia sapiente ut voluptatem
- Accusantium blanditiis cupiditate
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
- Lorem ipsum dolor sit amet
- Explicabo ipsam maiores nemo non nulla odio pariatur.
- Consectetur elit.
- Lorem ipsum dolor sit amet
- Quia sapiente ut voluptatem
- Lorem ipsum dolor sit amet
- Accusantium blanditiis cupiditate
Checklist
- Lorem ipsum dolor sit amet
- Consectetur elit
- Accusantium blanditiis cupiditate
- Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur
- Quia sapiente ut voluptatem
- Consectetur elit.
- Blanditiis cupiditate
- Explicabo pariatur
- Sapiente ut voluptatem
- Accusantium blanditiis cupiditate
SVG Icons
-
arrow-down
-
arrow-left
-
arrow-right
-
arrow-up
-
check-circle
-
check
-
chevron-down
-
chevron-left
-
chevron-right
-
chevron-up
-
clock
-
close
-
download
-
education
-
employment
-
error
-
euro
-
external
-
hamburger
-
location
-
logo
-
mail
-
minus
-
phone
-
placeholder-image
-
plus
-
search
-
suitcase
-
warning
-
world
Tags
Styleguide
Kickstarter
Motion
https://motion.komma.nl
Contact tile