Title (Slider)

Font-family: Barlow – Font-weight: bold – Font-size: 69px – Line-height: 1.3em – Colour: #333

Headline 1

Font-family: Barlow – Font-weight: bold – Font-size: 55px – Line-height: 1.3em – Colour: #333

Headline 2

Font-family: Barlow – Font-weight: bold – Font-size: 44px – Line-height: 1.3em – Colour: #333

Headline 3

Font-family: Barlow – Font-weight: bold – Font-size: 35px – Line-height: 1.3em – Colour: #333

Headline 4

Font-family: Barlow – Font-weight: bold – Font-size: 28px – Line-height: 1.3em – Colour: #333

Headline 5 und Headline 6

Font-family: Barlow – Font-weight: bold – Font-size: 22px – Line-height: 1.3em – Colour: #333

Dies ist ein Typoblindtext mit 500 Zeichen. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning)
Font-family: Barlow – Font-weight: regular – Font-size: 18px – Line-height: 1.3em – Colour: #333

Caption
Dies ist ein Bildunterschrift. An ihr kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Font-family: Barlow – Font-weight: regular – Font-size: 14px – Line-height: 1.3em – Colour: #333

„Quote“

Font-family: Barlow – Font-weight: italic – Font-size: 18px – Line-height: 1.3em – Colour: #333

primär (hover)

Button mit Linktext

sekundär (hover)

Button mit Linktext

primär outline (hover)

Button mit Linktext

sekundär outline (hover)

Button mit Linktext