Dies ist eine Bei­spiel­über­schrift der höchs­ten Hier­ar­chie­ebe­ne.
Unter einer H1 soll­te immer genug Weiß­raum blei­ben, damit der Ein­stieg in einen Abschnitt klar erkenn­bar ist.
Hier über­prüfst du:

• Schrift­grö­ße und ‑gewicht der H1
• Zei­len­hö­he und Les­bar­keit
• Abstand vor und nach der Über­schrift
• Ver­hält­nis zum Fließ­text

Der fol­gen­de Absatz dient nur als Ori­en­tie­rung, um die Wir­kung der Über­schrift rea­lis­tisch ein­schät­zen zu kön­nen.

H1 – Beispiel-Überschrift

Dies ist ein Absatz direkt unter einer H1. Ziel: prü­fen, ob der Zei­len­ab­stand, das Schrift­bild sowie die Außen­ab­stän­de stim­mig sind.

H2 – Beispiel-Überschrift

Ein wei­te­rer Absatz zur H2. Hier sieht man, ob die Hier­ar­chie zu H1 klar wirkt, und ob der Abstand stimmt.

H3 – Beispiel-Überschrift

Dies ist ein Stan­dard­text unter einer H3. Typisch für Unter­ab­schnit­te von The­men.

H4 – Beispiel-Überschrift

Ein Absatz zur H4. Dient der Detail­prü­fung klei­ne­rer Unter­über­schrif­ten.

H5 – Beispiel-Überschrift

Ein Absatz unter einer H5. Wird sel­ten genutzt, aber wich­tig für Kom­plett­tests.

H6 – Beispiel-Überschrift

Ein Absatz unter einer H6. Die kleinst­mög­li­che Über­schrift.

---

Absatzvarianten

Fet­ter Text: So wirkt fett in dei­nem The­me.

Kur­si­ver Text: So wirkt kur­siv in dei­nem The­me.

Fett + kur­siv: für beson­de­re Her­vor­he­bun­gen.

Dies ist ein Link im Fließ­text. Per­fekt zur Prü­fung der Mar­ken­far­be.

---

Listen

• Unge­ord­ne­te Lis­te – Punkt 1
• Unge­ord­ne­te Lis­te – Punkt 2
• Unge­ord­ne­te Lis­te – Punkt 3

1. Geord­ne­te Lis­te – Punkt 1
2. Geord­ne­te Lis­te – Punkt 2
3. Geord­ne­te Lis­te – Punkt 3

---

Zitate & Callouts

Dies ist ein Stan­dard­zi­tat. Gut geeig­net, um Seri­fen­schrif­ten, Ein­zü­ge und Styl­es zu prü­fen.

Pull­quo­te – ide­al für her­vor­ge­ho­be­ne Aus­sa­gen.

---

Buttons

---

Tabellen

Spal­te A	Spal­te B
Wert 1	Wert 2

---

Code & Preformatted

function test() {
    return "Hello World";
}

Dies ist ein vorformatierter Textblock.