Bilder

Diese Komponente kann in allen Rasterformaten verwendet werden. Es gibt zwei zusätzliche Variationen: Vollbildformate und Floating Image. Das verwendete Hauptverhältnis ist 16: 9. Alle Bilder enthalten eine optionale Beschriftung und ein Zoom-Symbol. Das Zoom-Symbol öffnet beim Klicken einen Bild-Leuchtkasten.

Druck

Beispiel

example.jpg
Druck

Bildvariationen im Raster

image variation in grid.jpg
a. Bild XL-XXS, Hauptverhältnis 16: 9
     Ausnahme: Bei komplexer Infografik XL kann L mit a verwendet werden
     flexible Höhe
b. Beschriftungstext (optional)
c. Das Zoom-Symbol (optional) in Unternehmensfarbe öffnet den Bild-Leuchtkasten beim Klicken
d. XXS kann im Verhältnis 16: 9 und 1: 1 verwendet werden

responsive behaviour.jpg

≥ 992
XL: Eins nach dem anderen
L: Einer nach dem anderen
M: max. Zwei hintereinander
S: max. drei in einer Reihe
XS: max. vier in einer Reihe
XXS: max. sechs in einer Reihe

991 - 768
XL: Eins nach dem anderen
L: Einer nach dem anderen
M: max. Zwei hintereinander
S: max. drei in einer Reihe
XS: max. zwei in einer Reihe (Schieberegler optional)
XXS: max. drei in einer Reihe (Schieberegler optional)

767 - 320
XL - XXS: Einer in einer Reihe (Schieberegler optional)

Variationen: Fullsize Bilder

variations fullsize images.jpg
a. Es gibt zwei mögliche Varianten:
     F1: 100% volle Breite, feste Höhe 560 px
     Ausnahme: Bei komplexen Infografik kann mit einem flexiblen verwendet werden
     Höhe
     F2: 50% halbe Breite, Verhältnis 16: 9
b. Beschriftungstext (optional), F1: XL oder L / F2: M
c. Das Zoom-Symbol (optional) in Unternehmensfarbe öffnet den Bild-Leuchtkasten beim Klicken

responsive behaviour 2.jpg

≥ 768

F1: Einer in einer Reihe
F2: Zwei in einer Reihe

767 - 320


F1: Einer in einer Reihe

F2: Einer in einer Reihe (Slider optional)

Variation: Schwebendes Bild S in Text

variation floating.jpg
a. Bild S, 16: 9 oder optional mit flexibler Höhe. Oben links oder oben rechts
b. Beschriftungstext (optional)
c. Das Zoom-Symbol (optional) in Unternehmensfarbe öffnet den Bild-Leuchtkasten beim Klicken

responsive behaviour 3.jpg

≥ 768
F1: Einer in einer Reihe (links oder rechts am Rand des Gitterbereichs ausgerichtet und Text zur Seite schiebend)

767 - 600
F1: Einer in einer Reihe (links oder rechts ausgerichtet und Text zur Seite schieben / Bildgröße vierfarbig)

599 - 320
F1: Eins in einer Reihe (Text unter Bildern / Bildgröße max. 330 px)

Variation: Bild L mit Text an der Seite

variation L.jpg

a. Bild L, Verhältnis 16: 9, links oder rechts platziert, nicht schwebend.
     Ausnahme: Bei komplexen Informationen kann mit einem flexiblen verwendet werden
     Höhe
b. Beschriftungstext (optional)
c. Zoom-Symbol (optional) in Unternehmensfarbe, öffnet den Leuchtkasten bei Klick
d. Text kopieren
Druck

 

Kontakt und Feedback

Das Team Brand Consultancy berät Sie gerne bei Fragen: Kontakt.
Wir freuen uns über ein Feedback zum Brand Portal.