Das Video-Tutorial inklusive Schritt-für-Schritt-Anleitung können Sie hier anschauen:

Die Bauchbinde ist ein zentrales Struktur- und Gestaltungselement. Sie dient dazu, Inhalte klar voneinander zu trennen, zusammengehörige Elemente zu bündeln und wichtige Bereiche visuell hervorzuheben. Bauchbinden schaffen Orientierung, Ruhe und eine klare Seitenstruktur – besonders bei längeren Seiten.

Zweck und Einsatz

Bauchbinden werden genutzt, um:

• Inhaltsbereiche optisch zu gliedern

• thematisch zusammengehörige Elemente zu kapseln

• wichtige Inhalte bewusst hervorzuheben

• Seiten übersichtlich und gut scannbar zu gestalten

Sie sind kein dekoratives Element, sondern erfüllen eine strukturierende Funktion.

Aufbau und Funktionsweise

• Die Bauchbinde besitzt immer einen sichtbaren Rahmen.

• Die Höhe der Bauchbinde richtet sich automatisch nach dem enthaltenen Inhalt.

• Innerhalb der Bauchbinde können andere Inhaltselemente (z. B. Text, Bilder, Akkordeons) platziert werden.

• Die Bauchbinde selbst „kennt“ keine anderen Elemente – sie reagiert nicht auf Inhalte davor oder danach.

---

Aufeinanderfolgende Bauchbinden

Bauchbinden können direkt aufeinander folgen, ohne weißen Zwischenraum.

Wichtig dabei:

• Aufeinanderfolgende Bauchbinden sollten ohne Abstand angeordnet werden.

• Es findet keine echte technische Verkettung statt.

• Das „Verbinden“ ist ein rein optischer Effekt:

  • Wird die Option aktiviert, verschiebt sich die folgende Bauchbinde nach oben.

  • Der Weißraum zwischen den Elementen wird visuell überlagert.

• Die Verbindung ist standardmäßig deaktiviert und muss bewusst gesetzt werden.

Ziel ist ein zusammenhängender, ruhiger Seitenabschnitt – kein „Aneinanderkleben“ von Inhalten.

Gestaltungsmöglichkeiten

Hintergrundfarben

Folgende Hintergrundfarben stehen zur Verfügung:

• Blau (optional mit Textur/Rauschen)

• Hellblau (optional mit Textur/Rauschen)

• Hellgrau

Die Farbwahl sollte immer die inhaltliche Bedeutung unterstützen:

• Blau / Hellblau: Hervorhebung, Orientierung, wichtige Inhalte

• Hellgrau: Strukturierung, neutrale Gliederung

Textur (Rauschen)

• Optional zuschaltbar 

• Sorgt für mehr Tiefe, sollte aber sparsam eingesetzt werden

Schräge & Ausrichtung

• Der Grad der Schräge ist wählbar

• Zwei Varianten stehen zur Verfügung:

  • abfallend

  • aufsteigend

Die Schräge ist ein gestalterisches Mittel und sollte:

• konsistent innerhalb eines Seitenabschnitts eingesetzt werden

• nicht rein dekorativ genutzt werden

Do’s & Don’ts

Do

• Bauchbinden gezielt zur Strukturierung einsetzen

• Zusammengehörige Inhalte in einer Bauchbinde bündeln

• Aufeinanderfolgende Bauchbinden ohne Abstand platzieren

• Farben und Schräge inhaltlich begründen

Don’t

• Bauchbinden als reines Gestaltungselement missbrauchen

• Zu viele unterschiedliche Farben und Schrägen auf einer Seite kombinieren

• Weißräume durch „Verbinden“ unreflektiert überdecken