Design system

Farben

Bg Haupt

Boxen

Grenzen

Text 1

Text 2

Text 3

Text 4

Text 5

Bg-Akzent

Text-Akzent 1

Text-Akzent 2

Text-Akzent 3

Farbe 2 dunkel

Farbe 2 Basis

Farbe 2 hell

Farbe 2 Licht 2

Farbe 2 Licht 3

Farbe 2 transparent

Farbe 1 dunkel

Farbe 1 Basis

Farbe 1 Licht

Farbe 1 Licht 2

Farbe 1 Licht 3

Farbe 1 transparent

Sterne Bewertung

Weiß

Weiß transparent

https://colorkit.io/shades-tints

Titel

Titel 7 - Der schnelle braune Fuchs springt über den faulen Hund

Titel 6 - Der schnelle braune Fuchs springt über den faulen Hund

Titel 5 - Der schnelle braune Fuchs springt über den faulen Hund

Titel 4 - Der schnelle braune Fuchs springt über den faulen Hund

Titel 3 - Der schnelle braune Fuchs springt über den faulen Hund

Titel 2 - Der schnelle braune Fuchs springt über den faulen Hund

Titel 1 - Der schnelle braune Fuchs springt über den faulen Hund

https://typescale.com/
https://type-scale.spencermortensen.com/

Absatz

Absatz XL

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec Link-Beispiel feugiat ligula elementum efficitur pellentesque.

Praesent vel lacus facilisis, accumsan massa vitae, vehicula lorem ipsum dolor.

Absatz L

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat accumsan dolor Link-Beispiel feugiat ligula elementum efficitur pellentesque.

Praesent vel lacus facilisis, accumsan massa vitae, vehicula lorem ipsum dolor.

Absatz M (Basis)

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat accumsan dolor Link-Beispiel feugiat ligula elementum efficitur pellentesque.

Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Absatz S

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat accumsan sit amet dolor Link-Beispiel feugiat ligula elementum efficitur pellentesque.

Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Absatz XS

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat accumsan sit amet glavrida dolor Link-Beispiel feugiat ligula elementum efficitur pellentesque.

Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Text

Text L

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Text M

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Text S

Fusce vitae enim et sapien finibus faucibus. Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Text XS

Fusce vitae enim et sapien finibus faucibus. Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Text akzentuieren

Akzent XL

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Akzent L

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Akzent M

Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Akzent S

Fusce vitae enim et sapien finibus faucibus. Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.

Akzent XS

Fusce vitae enim et sapien finibus faucibus. Aenean sit amet justo dui. Nunc nec velit ex. In ac scelerisque nisi, nec placerat mi. Maecenas feugiat ligula elementum efficitur pellentesque.