Beispielinhalt – Demo der Plattform PatriotConnect. Personen, Orte und Inhalte der „AfD Musterstadt“ sind frei erfunden.
Alle Module · Templates · Gestaltung · Plattform · Handbuch · Kontakt aufnehmen
Hell- oder Dunkel-Ansicht: Schalter oben in der Kopfleiste. Formulare laufen im Demo-Modus – es werden keine Daten übertragen.
Seiten-Hero
Großer Seitenkopf mit Hauptüberschrift, Untertitel und Farbverlauf.
Wofür
Für den Kopf fast jeder Seite. Der Seiten-Hero trägt die Hauptüberschrift (H1) der Seite und gibt mit dem Farbverlauf die Grundstimmung vor.
Wann nicht
Nicht zweimal auf einer Seite – jede Seite hat genau eine Hauptüberschrift. Für Bildwechsel mit mehreren Botschaften nimm das Hero-Karussell.
Status: verfügbar · Block-Typ page_hero_header.
Live-Beispiel: Variante: Rot mit Beschreibung
Der Kopf dieser Seite zeigt die Standardform (Blau). Weitere Hintergründe als Live-Beispiele – auf echten Seiten steht immer genau ein Seiten-Hero ganz oben (Hauptüberschrift H1).
Mitmachen in Musterstadt (Beispiel)
Untertitel als zweite Zeile
Optionale Beschreibung unter dem Untertitel.
Variante: Deutschlandfarben
Unsere Plattform (Beispiel)
Verlauf Schwarz-Rot-Gold
Variante: Dunkel
Aus der Fraktion (Beispiel)
Dunkler Marken-Ton
Varianten und Einstellungen
| Einstellung | Werte | Wirkung |
|---|---|---|
| Hintergrund | Blau (Marke), Rot, Deutschlandfarben, Dunkel | Farbverlauf hinter der Überschrift |
| Untertitel | Text (optional) | Zweite Zeile unter der Überschrift |
| Beschreibung | Text (optional) | Kurzer Absatz unter dem Untertitel |
| Mindesthöhe | Tailwind-Klasse, z. B. min-h-[320px] | Höhe des Kopfbereichs |
So setzen Sie ihn ein
Parteimanager → Studio → Websites → Website öffnen → Seiten → Seite öffnen → Block in der Block-Bibliothek („Library“) anklicken → Felder im rechten Bereich ausfüllen → „Veröffentlichen“ – Baustein „Seiten-Hero“.
Wichtige Felder:
- Überschrift (Pflicht)
- Untertitel
- Beschreibung
- Hintergrund
Barrierefreiheit
Die Überschrift ist die H1 der Seite. Die Farbverläufe sind auf ausreichenden Kontrast zu weißer Schrift geprüft.
Weiterlesen
Im Handbuch nachlesen · Zur Übersicht · Nächstes Modul: Hero-Karussell