Typografie

Styleguide

Als Webfont kommt Open Sans zum Einsatz. 
Fließtext hat eine Größe von 15px und den Farbwert #666666.
Die Primärfarbe für Überschriften, Verlinkungen etc. ist #ec6608.

Überschriften - Standard


SEO-Tipp: Die H1 – Überschrift ist die Hauptüberschrift auf jeder Seite. Sie wird für die Hauptaussage Ihrer Seite, den Titel oder einen Claim genutzt. Bitte achten Sie darauf, dass nur eine H1 – Überschrift pro Seite vorkommt. 

Überschrift H1 37.5px

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H2 30px

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H3 26.25px

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H4 22.5px

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H5 18.75px

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H6 15px

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschriften - Mit Display


Mit dem Display Stil kann man Überschriften bei Bedarf noch eine besondere Note verpassen.

Überschrift H2 - Display-1

Überschrift H2 - Display-2

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H2 - Display-3

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Überschrift H2 - Display-4

Nullam et lacinia massa. Phasellus placerat euismod leo, cursus hendrerit risus elementum sed. Vestibulum id risus non urna aliquam accumsan. Integer volutpat lacinia tellus. Aenean in iaculis leo.

Absatzstile


Einführungstext

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Kleiner Text

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Text ohne Umbruch

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Kleingeschriebener Text

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Großgeschriebener Text

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Großer Anfangsbuchstabe

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Info

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Ausgegraut

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Gefahr

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Erfolg

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Warnung

Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Kein unterer Abstand

Erster Absatz: Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Nächster Absatz: Duis hendrerit fermentum lectus, non dapibus ipsum lobortis eget. Curabitur ac hendrerit lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Textstile


Label Default
Label Primär
Label Erfolg
Label Info
Label Achtung
Label Gefahr

Kleiner Text
Markierter Text
Gelöschter Text
Eingefügter Text

Linie davor und danach

Donec vel lorem erat. Aliquam eleifend, diam id consectetur semper, tortor nisi bibendum urna, non porta nulla ante vel erat. Sed viverra neque non erat cursus pharetra. Cras non eleifend odio. Sed mollis metus at lectus molestie, consectetur rhoncus est lobortis.