Alle verfügbaren

Blöcke

Absatz

Texte aller Art für Artikel, Pressemeldungen oder kurze Erklärungen

Audio

Interaktiver Audio-Player für interne und externe Audio-Inhalte

Bild

Redaktionelle Bilder mit optionaler Bildunterschrift

Bildergalerie

Prominente Bildergalerie mit Lightbox und Bildunterschriften

Button

Visuelle Variantern zur prominenten Verlinkung von internen und externen Inhalten

Call to Action

Prominente Darstellung der Hauptaktion einer Seite mit Beschreibungstext

Details (Akkordion)

Erweiterbares Inhaltselement zur Strukturierung komplexer Informationen

Download

Dateien zum Herunterladen mit Button und Datei-Infos.

Kicker Heading

Überschrift mit einleitender Dachzeile

Link-Liste

Thematisch zusammenhängende Link-Sammlung im Raster-Layout

Liste

Bullet-Liste und hierarchische nummerierte Liste

Pullquote (Großes Zitat)

Prominentes Zitat mit Quellenangabe

Slider

Teaser mit großem Bild, Titel, Text und Button im Karussell

Tabelle

Darstellung strukturierter Daten und Listen

Teaser-Raster

/teasers Das Teaser Grid ist ein intelligentes, vollautomatisiertes Layout-Instrument für…

Teaser-Zeile

Die Teaser-Zeile ist als Vorlage verfügbar. Das Hinzufügen eines Teaser-Grids…

Themen

Automatische Auflistung der Unterseiten für den Seitenanfang

Überschriften

Einfache Überschriften zur Strukturierung langer Texte

Video

Interaktiver Videoplayer für Videos aus Mediathek und anderen Plattformen

Weiterführende Links

Linksammlung mit Beschreibungen für eine Inhaltsseite

Zitat

Im Fließtext platziertes Zitat

Manuell hinzugefügt 1
Manuell hinzugefügt 2
Allgemeine Informationen ohne weiteren Inhalt, Platzhalter zur Demonstration

Block

Themen

/themen

Der Themen-Block dient der strukturierten, visuellen Bündelung von Inhalten in Form eines übersichtlichen Kachel-Rasters (Grid). Er wird bewusst redundant zur Haupt- oder Metanavigation eingesetzt, um die Unterseiten und Unterthemen der aktuellen Seite direkt im primären Sichtfeld der Nutzenden auf der Seite zugänglich zu machen. Der Block liest automatisch alle direkten Unterseiten aus und kann manuell erweitert werden. Da der Block funktional minimalistisch gehalten ist, bietet er keine manuellen Design-Einstellungen.

Besonderheit: Titel und Kurzbeschreibung (Excerpt) werden dynamisch direkt aus den verlinkten Zielseiten gezogen. Die redaktionelle Qualitätskontrolle und Textpflege erfolgt daher direkt auf der jeweiligen Zielseite.

Eine Kurzbeschreibung sollte für jede Seite eingefügt werden. Diese erscheint als Beschreibung in den Themenkacheln.
Gut funktionieren kurze knappe Halbsätze oder alternativ eine knappe kommaseparierte Themenliste.

Beipspiele
Bürgerservices Bürgerdienste online erledigen
Bürgerservices Kontaktdaten, Adressen, Anträge und Formulare

Anwendungsbeispiele

  • Visueller Einstieg auf Hub- und Cluster-Seiten, um die darunterliegende Seitenstruktur sofort greifbar zu machen.
  • Redundante Navigationsebene auf übergeordneten Themenseiten, damit Nutzer*innen nicht zwingend das Hauptmenü öffnen müssen.
  • Landingpages, die als thematischer Wegweiser für komplexe Informationsarchitekturen dienen.
Do’s
  • Strikte Platzierung einhalten: Platzieren Sie den Block ausschließlich direkt unter dem Hero-Element oder – falls kein Hero-Bereich existiert – als allerersten Block ganz oben auf der Seite.
  • Prägnante Quelltexte pflegen: Halten Sie den Titel und die Kurzbeschreibung (Excerpt) auf den verlinkten Zielseiten extrem kurz. Nutzen Sie für die Beschreibung vorzugsweise prägnante Stichworte, die lediglich mit Kommata getrennt sind. Das garantiert ein harmonisches, gleichmäßiges Raster.
Dont’s
  • Falsche Platzierung: Platzieren Sie den Block niemals mitten im Fließtext oder am Ende eines Artikels. Er ist als Einstiegs- und Navigationselement für den Seitenanfang konzipiert.
  • Zu lange Teaser-Texte: Vermeiden Sie lange Fließtexte oder Schachtelsätze in den Kurzbeschreibungen der Zielseiten. Ungleichmäßig lange Texte zerstören die Symmetrie des Rasters und erschweren das schnelle Erfassen der Themen.