Build your own design system

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

HEADINGS

Heading (H1)

BUTTONS

FORMS

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 the text that you will use the most often when designing your website.

This is the small text. Use it whenever there’s not much space.

This is the tiny text. For little notices, that you don’t want to be in the focus of a user’s attention.

IMAGES

PRIMARY COLORS

ACCENT COLORS