H1 – Seitenüberschrift (H1)
Einblasdämmung im Bestandsgebäude: Typografie- & Layout-Testseite
Kurzer Lead-Absatz (Intro):
Diese Seite dient als visuelle Teststrecke für globale Schrift-, Abstand- und Modulformatierungen. Ziel ist ein stimmiges Verhältnis zwischen Überschriften, Fließtext, Links, Listen, Zitaten und Hinweisen – sowohl auf Desktop als auch mobil.
H2 – Abschnittsüberschrift (H2)
Absatztypen & Textauszeichnungen
Fließtext (Standard):
Ein gut lesbarer Fließtext arbeitet mit klaren Zeilenlängen, ausreichendem Zeilenabstand und deutlichen Kontrasten. Achte darauf, dass die Typografie auch auf dem Smartphone angenehm wirkt und nicht zu klein ist.
Textauszeichnungen im Satz:
Dies ist fett, dies ist kursiv, dies ist fett kursiv, dies ist Code/Monospace.
Ein Beispiel-Link: Mehr erfahren (Link bitte in Divi als echter Link setzen).
Eine wichtige Notiz kann so aussehen: Achtung: Dieser Hinweis ist bewusst kurz und prägnant.
H3 – Unterüberschrift (H3)
Aufzählungen & Listenhierarchie
Ungeordnete Liste (Bullets):
-
Ein Punkt in einer Bullet-Liste
-
Noch ein Punkt mit etwas mehr Text, um Zeilenumbrüche zu testen und zu sehen, wie Einzüge wirken
-
Ein dritter Punkt
Verschachtelte Liste (2. Ebene):
-
Hauptpunkt A
-
Unterpunkt A.1 (zweite Ebene)
-
Unterpunkt A.2 (zweite Ebene)
-
-
Hauptpunkt B
-
Unterpunkt B.1 (zweite Ebene)
-
Geordnete Liste (Nummerierung):
- Schritt 1: Kontaktaufnahme / Anfrage
- Schritt 2: Kurze Vorprüfung (Telefon / Daten)
- Schritt 3: Termin & Vor-Ort-Prüfung
- Schritt 4: Umsetzung & Abschluss
H4 – Detailüberschrift (H4)
Zitate, Hervorhebungen & Infobox-Text
Zitat (Blockquote):
„Eine gute Website erklärt nicht alles – sie macht es leicht, den nächsten Schritt zu gehen.“
Infotext (wie in einer Box):
Tipp: Halte Info-Boxen kurz. Zwei bis vier Zeilen reichen oft aus. Wichtige Begriffe kannst du fett markieren, um die Scanbarkeit zu erhöhen.
Warnhinweis (wie in einer Box):
Hinweis: Aussagen zu Einsparungen sind abhängig vom Gebäudezustand. Formuliere realistisch und vermeide absolute Zusagen.
H2 – Abschnittsüberschrift (H2)
Text mit Zwischenüberschriften & Mini-Teasern
H3 – Mini-Teaser (H3)
Winterkomfort
Im Winter können sich kalte Wandflächen und Zugluft bemerkbar machen. Eine nachträgliche Dämmung verbessert das Wohngefühl und reduziert Wärmeverluste.
H3 – Mini-Teaser (H3)
Sommerlicher Wärmeschutz
Gerade unter dem Dach kann sich Hitze stauen. Eine passende Dämmung wirkt auch im Sommer und kann das Raumklima stabilisieren.
H2 – Abschnittsüberschrift (H2)
Tabellen-Text (als Ersatz, falls du keine Tabelle nutzt)
Wenn du Tabellen testen möchtest, nutze ein Divi-Tabellenmodul/Plugin oder gestalte es über Spalten. Als Textbeispiel:
Leistungsübersicht (Kurzform):
-
Kerndämmung: zweischaliges Mauerwerk
-
Dach / Decke: je nach Aufbau
-
Keller: Reduzierung von Fußkälte
-
Prüfung: endoskopische Kontrolle (projektabhängig)
H2 – Abschnittsüberschrift (H2)
Buttons, Links & Call-to-Action (CTA)
Button-Modul (Primär) – Beschriftung:
-
Kostenlose Beratung anfragen
Button-Modul (Sekundär) – Beschriftung:
-
Leistungen ansehen
Linkzeile im Fließtext (Test für Inline-Links):
Du möchtest Details? Dann klicke hier: Kontakt aufnehmen (Link).
H2 – Abschnittsüberschrift (H2)
Formulartexte (für Kontaktformular-Module)
Feldlabels (Beispiele):
-
Name*
-
Telefon
-
E-Mail*
-
Ort / PLZ
-
Nachricht (optional)
Checkbox-Text (DSGVO-Formulierung – neutral, ohne Rechtsberatung):
-
Ich habe die Datenschutzerklärung zur Kenntnis genommen.*
Hinweis unter dem Formular:
-
*Pflichtfelder
H2 – Abschnittsüberschrift (H2)
Kleingedrucktes / Footer-Text (kleine Schriftgröße testen)
Kleiner Text:
Alle Angaben ohne Gewähr. Technische Aussagen sind abhängig vom jeweiligen Gebäudeaufbau und werden im Rahmen der Vor-Ort-Prüfung individuell bewertet.