Build your own design system

This template is a great starting point for developing your own design system.


Heading (H1)

Heading (H2)

Heading (H3)

Heading (H4)

Heading (H5)
Heading (H6)



Text Styles

This is the big text style. You can use it for hero images and wherever you want your text to stand out.
This is the normal text style. It’s the size of text that you will use most often when designing your website.
This is the small text style. Use it whenever there’s not much space.
This is the tiny text style. For little notices, that you don’t want to be in the focus of a users attention.



Primary Colors

Accent colors

Deze site gebruikt cookies

Klik op accepteren of afwijzen. Pas je browserinstellingen aan als je de site wil bezoeken zonder cookies.