Design-System

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

Überschriften

Überschrift (H1)

Überschrift (H2)

Überschrift (H3)

Überschrift (H4)

Überschrift (H5)
Überschrift (H6)

Buttons

Formulare

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.

BIld Ohne Lightbox

Bild mIt Lightbox

Farben

Primärfarben

Primärfarbe
Sekundärfarbe
Textfarbe
Akzentfarbe
Schwarzton
Weißton

Sekundäre Farben

Primär subtle
Sekundär subtle
Text subtle
Akzent subtle
Success
Error