Icons

Illustrative Icons

Illustrative Icons verleihen unseren Layouts Charakter und unterstützen Inhalte auf zugängliche Weise. Sie können vielseitig eingesetzt werden – ob im Anschnitt oder als Komposition in Kombination mit anderen illustrativen Icons. Diese Seite zeigt, wie Icons korrekt und wirkungsvoll verwendet werden.

Platzierung

Icons können entweder im Vordergrund mit hohem Kontrast eingesetzt werden oder im Hintergrund mit wenig Kontrast (Weiß/BaWü Gelb).

Nebeneinander links: Drei Titelblätter mit gelbem oder weißen Hintergrund und schwarzen Icons, die auf der gleichen Vordergrund-Ebene stehen wie die Beschriftung. Rechts: Drei Cover auf weißem oder gelbem Hintergrund mit Icons, die im Hintergrund der Beschriftung stehen.

Icons können einzeln, als Arrangement oder in komplexeren Panoramen eingesetzt werden.

Do
Zwei Titelblätter mit Icons, die auf gelben Farbflächen über Fotos platziert sind.

Innerhalb eines Layouts mit einem Bild dürfen Icons auch eingesetzt werden, solange sie auf einer Farbfläche stehen.

Don't
"Zwei Titelblätter mit Icons direkt auf Fotohintergründen und ohne Farbfläche.

Unsere Icons werden nicht auf Bilder gesetzt.

Farben

Icons dürfen farblich in folgenden Varianten eingesetzt werden:

Do
Zwei stilisierte Fahrradsymbole mit Fahrern, eines schwarz, eines gelb, vor weißem Hintergrund.

Unsere illustrativen Icons dürfen in BaWü Schwarz und BaWü Gelb auf weißem Hintergrund eingesetzt werden. Da es sich bei den illustrativen Icons um Schmuckelemente handelt, unterliegen sie nicht den Barrierefreiheitsanforderungen. Sie dürfen auch in Gelb auf Weiß (und umgekehrt) gesetzt werden.

Don't
Zwei stilisierte Symbole von Fahrradfahrern, eines in lila, eines in grün, auf weißem Hintergrund.

Unsere Icons dürfen nicht in anderen Farbvarianten eingesetzt werden. Auch die Hintergrundfarben sollten nur BaWü Hauptfarben sein.

Do
Symbol einer Person auf einem Fahrrad in weiß, der Hintergrund ist schwarz.

Schwarzer Hintergrund sollte sparsam eingesetzt werden. Wie auch beim Einsatz von Schrift ist nur Weiß auf Schwarz erlaubt.

Don't
Zwei stilisierte Fahrradfahrer-Symbole, eines gelb, eines rot, vor schwarzem Hintergrund.

Wie auch beim Einsatz von Schrift sind andere Farben (inklusive BaWü Gelb) nicht auf schwarzem Hintergrund erlaubt.

Größe

Icons dürfen im Layout beliebig in ihrer Größe skaliert und eingesetzt werden. Andere Designelemente wie Schrift oder Logo dürfen dabei nicht überschnitten werden, wenn sie in derselben Farbe eingesetzt sind.

Vier verschiedene Titelblätter mit gelbem Hintergrund und unterschiedlich skalierten Icons.
Do
Titelseite ´Energiebericht kompakt 2023´ mit geteiltem Layout und Windrad-Icon auf gelbem Hintergrund.

Ist das Layout getrennt, dürfen unsere Icons diese Trennung nicht überschneiden. Mehr dazu unter Layoutsystem.

Don't

Unsere Icons dürfen nicht gedreht, gekrümmt oder verzerrt werden.

Anschnitt

Unsere Icons können innerhalb der Layoutflächen vielfältig eingesetzt werden, im Anschnitt oder im Ganzen.

Drei Icons auf gelber Fläche: einmal vollständig sichtbar, einmal im Anschnitt und einmal im starken Zoom.
Do
Titelseite ´Energiebericht kompakt 2023´ mit stark vergrößertem, angeschnittenem Icon im Hintergrund.

Unsere Icons können auch in starkem Zoom eingesetzt werden.

Don't
Titelseite mit dem Foto eines Gebäudes im Inneren des Icons als Maske.

Die Icons dürfen nicht als Maske dienen.

Do
Titelbild einer Broschüre mit großflächigem, gelbem Haus-Icon als illustratives Gestaltungselement

Icons dürfen groß und angeschnitten eingesetzt werden.

Don't
Titelseite ´Informationen zum Wohnberechtigungsschein´. Haus-Icon nur als schwarze Kontur ohne Füllung.

Unsere Icons dürfen nicht als Kontur eingesetzt werden.

Mehrere Icons in einem Layout

Illustrative Icons, die in BaWü Schwarz im Layout eingesetzt werden, dürfen sich nicht mit anderen schwarzen Designelementen wie Schrift oder Logo überschneiden. Der Abstand des Layoutrasters ist dabei ebenfalls einzuhalten. Mehr dazu unter Layoutprinzip.

Für die Kompositionen aus mehreren Icons gelten dieselben Regeln wie für einzelne Icons.

Do
Titel ´Energiebericht kompakt 2023´ mit stark gezoomten weißen Icons im Hintergrund und kleineren schwarzen Icons im Vordergrund auf gelbem Designfeld.

Stark gezoomte Icons (hier in Weiß) dürfen im Hintergrund eingesetzt werden, auch wenn im Vordergrund ein oder mehrere Icons in BaWü Schwarz eingesetzt wurden.

Don't
Design mit dem Titel ´Energiebericht kompakt 2023´, bei dem sich schwarze Icons und schwarze Schrift überschneiden.

Icons dürfen andere Designelemente in derselben Farbe nicht überschneiden.