Sie sind hier: Start
Theme "Petrol-005F6C" erfolgreich aktiviert
Um das Theme zu aktivieren, muss folgende CSS-Datei eingebunden werden:


<!-- CSS link (HTML header), replace with "https://style.brandenburg.de/%VERSION_ALIAS%/css/app.css" -->

<link type="text/css" rel="stylesheet" href="https://style.brandenburg.de/%VERSION_ALIAS%/css/themes/Petrol-005F6C.css"/>
                

4. Strukturelemente und Seitenaufbau

Der Styleguide legt einen einheitlichen Seitenaufbau fest, welcher 3 definierte Bereiche umfasst. In diesem Kapitel werden alle darin platzierten Elemente nach einem fortlaufend einheitlichem Schema beschrieben.
Der Styleguide definiert dabei die Position/Platzierung aller Elemente, den Aufbau, spezifische Anforderungen an das Element, Informationen zum Responsive-Verhalten, Regeln zur Unterstützung der Barrierefreiheit und erläutert anschließend das Aktionsverhalten.

4.1 Übersicht der Strukturelemente

Die Gestaltungsfläche wird in 12 konsistent platzierte und in ihren Funktionen einheitliche Bereiche aufgeteilt. Dies erleichtert die Orientierung auf den unterschiedlichen Internetseiten des Landes Brandenburg und trägt zur Wiedererkennung in erheblichem Maße bei.

4.2 Header (Oberer Seitenbereich)

4.2 Header (Oberer Seitenbereich)

Der Aufbau des Headers dient der Wiedererkennung auf den Seiten der Landesregierung Brandenburg. Die Absenderkennung, der Logobereich und die Hauptnavigation helfen den Nutzerinnen und Nutzern bei der einfachen Orientierung auf der Seite. Die Toolbar ist als einziges Element im Header inhaltlich nicht festgeschrieben und kann sich der jeweiligen Inhaltsseite begrenzt anpassen.
Wird die Toolbar nicht benötigt, so bleibt der visuelle Abstand zum darunter liegenden Element (Absenderkennung), den die Toolbar erzeugen würde, trotzdem bestehen. Der Header schließt mit einer einheitlichen Trennlinie ab, die sich direkt unterhalb der Hauptnavigation befindet. Diese Linie ist 1px stark und HELLGRAU.

4.3 Content (Mittlerer Seitenbereich)

4.3 Content (Mittlerer Seitenbereich)

Der mittlere Seitenbereich besteht aus den Breadcrumbs 1 (erster Ariadnefaden), dem Suchfeld und dem Inhaltsbereich. Der Ariadnefaden dient zum einen der Orientierung auf der gesamten Webseite, zum anderem ermöglicht er eine hierarchische Navigation zu den darüber liegenden Seiten. Das Suchfeld im rechten oberen Bereich des Contents dient der Volltext- und Stichwortsuche in allen Bereichen des Internetsauftritts.
Der Bereich für den Inhalt selbst erstreckt sich über die gesamte Breite und kann beliebig mit Hilfe des 12- Spaltensystems, aber nur bis zu maximal 4 sichtbaren Spalten, zusammengestellt werden. Es gibt keine Vorschrift zur Gestaltung des Inhaltsbereiches, sofern alle Inhaltselemente (Texte, Überschriften, Farben, Medien usw.) konventionell und nach den hier aufgeführten Richtlinien eingesetzt werden. Die Marginalspalte mit häufig weiterführenden Inhalten am rechten Inhaltsbereich ist optional und ein reines Gestaltungsmittel für den Seiteninhalt.

4.4 Footer (Unterer Seitenbereich)

4.4 Footer (Unterer Seitenbereich)

Der untere Seitenbereich besteht aus den Breadcrumbs 2 (zweiter Ariadnefaden), der Informationsleiste (Platz für weiterführende Informationen), dem Linkbereich für die Servicelinks und wahlweise auch Social-Media-Buttons sowie aus der Fußzeile als Seitenabschluss.
Der Hintergrund der Informationsleiste ist HELLGRAU gestaltet und beginnt ohne Schutzabstand am linken Begrenzungsrahmen. Zwischen den Elementen im Footer befindet sich ebenfalls kein Schutzabstand.