Styleguide

Die Darstellung aller Elemente ist vordefiniert. Das heißt Schriftgrößen, Schriftfarben oder Abstände können nicht verändert werden.

Auswahl Überschriften

Es stehen Ihnen 3 verschiedene Überschriften in unterschiedlichen Größen und Farben zur Verfügung. Überschrift 1 sollte auf jeder Seite nur einmal verwendet werden.

Überschrift 1

Überschrift 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Überschrift 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Listen

Für Aufzählungen steht Ihnen das Listenelement zur Verfügung. Bitte verwenden Sie keine Spiegelstriche oder ähnliches. Aufzählungen dieser Art sind nicht barrierefrei!

Normale Liste

Numerierte Liste

Tabellen

Tabellen sollten möglichst sparsam eingesetzt werden. Wird dennoch eine Tabelle benötigt, sollte sie nicht mehr als drei Spalten besitzen, da die Darstellung auf einem Smartphone, aufgrund der Bildschirmbreite nicht mehr benutzerfreundlich ist.

Aufgrund der Darstellung auf mobilen Endgeräten sollten in den Tabelleneigenschaften keine Pixelwerte für die Breite einer Tabelle verwendete werden, sondern ausschließlich Prozentwerte.

Tabelle mit Raster

Tabelle mit alternierender Zeilenfarbe

Tabelle ohne Raster

Trenner

Trennerabstand

Trennerlinie

Bilder

Standardgröße 250 x 150px

Werden keine Maße in den Eigenschaften des Bildes angegeben, wird das Bild standardmäßig vom System auf die Größe 250 x 150px zugeschnitten.

Individuelle Größe

Hier wurden in den Eigenschaften des Bildes individuelle Maße vergeben. Bilder können entweder zugeschnitten oder eingepasst werden (Reiter "Resizer"). Wird der Modus "Zuscheniden" verwendet, wird das Bild exakt auf die eingegeben Größe zugeschnitten. Beim Modus "Einpassen" wird das Bild verhältnismäßig auf diese Größe verkleinert.

Bild links / Text rechts

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Bild rechts / Text links

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Bild ganze Breite (Breite 605)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

3 Bilder in einer Reihe im Desktop Ansicht

je Bild eine Breite von 180, alle links ausgerichtet