Farben

Primärfarben

Primär 1

#3347FF

Neutrale Farben

Neutral 800

#14142B

Neutral 700

#4E4B66

Neutral 600

#6E7191

Neutral 500

#A0A3BD

Neutral 400

#DCDDEB

Neutral 300

#EFF0F6

Neutral 200

#F7F7FC

Neutral 100

#FFFFFF

Typografie

Besonderer Text

Anzeige 1 Text

Anzeige 1 - 80px/1.025em

Anzeige 2 Text

Anzeige 2 - 60px/1.200em

Text 400 Regulär - Lorem Ipsum

Text 400 Medium - Lorem Ipsum

Text 400 fett - Lorem Ipsum

Text 400 - 24px/1.083em

Text 300 Regulär - Lorem Ipsum

Text 300 Medium - Lorem Ipsum

Text 300 fett - Lorem Ipsum

Text 300 - 20px/1.100em

Text 200 Regulär - Lorem Ipsum

Text 200 Medium - Lorem Ipsum

Text 200 fett - Lorem Ipsum

Text 200 - 18px/1.111em

Text 100 Regulär - Lorem Ipsum

Text 100 Medium - Lorem Ipsum

Text 100 fett - Lorem Ipsum

Text 100 - 16px/1.125em

Reichhaltiger Text

Überschrift H1 - Aa Bb Cc Dd

Überschrift 1 - 60px/1.167em

Überschrift H2 - Aa Bb Cc Dd

Überschrift 2 - 40px/1.250em

Überschrift H3 - Aa Bb Cc Dd

Überschrift 3 - 24px/1.417em

Überschrift H4 - Aa Bb Cc Dd

Überschrift 4 - 22px/1.273em

Überschrift H5 - Aa Bb Cc Dd

Überschrift 5 - 18px/1.333em

Überschrift H6 - Aa Bb Cc Dd

Überschrift 6 - 18px/1.222em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Absatz klein - 14px/1.714em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Absatz Standard - 18px/1.667em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Absatz groß - 24px/1.583em

Link - Lorem ipsum dolor sit amet

Links

Bold - Lorem ipsum dolor sit amet

Fettgedruckter Text

Kursiv - Lorem ipsum dolor sit amet

Kursiver Text

"Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat"

Zitat blockieren

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit amet, consectetur adipiscing.

Aufzählung

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit amet, consectetur adipiscing.

Nummerierte Liste

Odio facilisis mauris sit amet massa vitae tortor.

Abbildung und Bildunterschrift

Icons

Buttons

Klein

Knopf Primär - Klein

Standard

Schaltfläche Primär - Standard

Groß

Knopf Primär - Groß