H1 Überschrift Beispiel
Dies ist ein Beispieltext (Paragraph), der zeigt, wie Fliesstext auf der Webseite aussieht. ptBarlowLight, 20px, Farbe #2B2B2B. Hier ist auch ein Beispiel-Link eingebettet, der zeigt, wie Links formatiert sind.
H2 Überschrift Beispiel
Ein weiterer Absatz zur Veranschaulichung des Fliesstexts. Lorem Ipsum ist ein einfacher Blindtext, der in der Gestaltung verwendet wird, um zu zeigen, wie sich längere Textmengen auf der Seite verhalten – inklusive Zeilenabstand, Absatzabstand und Lesbarkeit über mehrere Zeilen hinweg.
H3 Überschrift Beispiel
Und noch ein Absatz mit etwas mehr Länge, damit ersichtlich wird, wie sich der Textblock bei mehreren aufeinanderfolgenden Paragraphen verhält. So lässt sich gut beurteilen, ob Zeilenhöhe, Schriftgrösse und Farbe auch bei längeren Inhalten gut lesbar bleiben und die Struktur der Seite übersichtlich wirkt. Kurzer Satz zur Abwechslung. Text kann auch fett, kursiv oder unterstrichen dargestellt werden.
- Erster Beispielpunkt einer ungeordneten Liste
- Zweiter Beispielpunkt mit etwas mehr Text zur Veranschaulichung
- Dritter Punkt als Abschluss der Liste
H4 Überschrift Beispiel
Weitere Farbvarianten der Buttons eignen sich für dezentere Aktionen mit weniger visuellem Gewicht.
- Erster Schritt einer nummerierten Liste
- Zweiter Schritt mit weiteren Details
- Dritter und letzter Schritt
H5 Überschrift Beispiel
Ein kräftiger, aber freundlicher Farbton für Aktionen, die etwas mehr Aufmerksamkeit verdienen.
H6 Überschrift Beispiel
Eine kontrastreiche Variante für besonders wichtige Aktionen.
Kleinerer Hinweistext, z. B. für Fussnoten oder ergänzende Informationen, die weniger Gewicht haben sollen.