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.
Beispiel
Bildvariationen im Raster
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
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
≥ 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
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
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
≥ 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
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
b. Beschriftungstext (optional)
c. Das Zoom-Symbol (optional) in Unternehmensfarbe öffnet den Bild-Leuchtkasten beim Klicken
≥ 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
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