Herofigure

Diese Komponente visualisiert Kennzahlen. Es gibt zwei Varianten: Herofigur (Inhalt) und Herofigur (Kacheln). Verwenden Sie diese Komponente in einer Unternehmensfarbe. Alle Elemente haben die gleiche Farbe.

Druck

Beispiel herofigure (Inhalt)

example.jpg
Druck

Herofigure (Inhalt)

herofigure content.jpg

Verwendung in Unternehmensfarben in L oder S auf Artikelseiten.
L herofiguren sind zentriert und können optional mit einem Hintergrundbild verwendet werden.

Enthält:
a. Nummer
b. Einheit. Größe: 1/3 Höhe der Zahl. Platzierungsoptionen: entweder tiefgestellt oder hochgestellt
c. Beschreibung, zentriert
e. Optionales Hintergrundbild, Verhältnis 16: 9, Deckkraft max. 30%
 

S herofiguren sind linksbündig ausgerichtet. Keine Option für Hintergrundbild. Wenn Sie eine Abbildung mit Abbildung benötigen, verwenden Sie bitte die Abbildung-Kacheln (siehe unten).

Enthält:
a. Nummer
b. Einheit. Größe: 1/3 Höhe der Zahl. Platzierungsoptionen: entweder tiefgestellt oder hochgestellt
d. Beschreibung linksbündig

s herofigure.jpg

responsive behaviour.jpg

≥ 768

L: Einer in einer Reihe (zentriert)
S: Max. drei in einer Reihe (links angeordnet)

767 - 320

L: Einer in einer Reihe (zentriert)
S: Einer in einer Reihe (zentriert/ Slider optional)

Beispiel herofigure (Kacheln mit Polsterung

exmaple herofigure tiles with paddig.jpg
Druck

Herofigure (Titel)

herofigure tiles.jpg

Ohne Polsterung
Verwendung in Unternehmensfarben, in S, auf einfachen Sites ohne Hintergrundbilder oder Hintergrundfarben.
Enthält:
a. Nummer
b. Einheit. Größe: 1/3 Höhe der Zahl. Platzierungsoptionen: entweder tiefgestellt oder hochgestellt.
c. Beschreibung
d. Infografik

Teaser mit Polsterung
In S auf Websites mit Hintergrundbildern oder Hintergrundfarben verwenden.
Enthält:
Anzeige. In Unternehmensfarbe oder Weiß (abhängig von der HG-Farbe)
e. Unternehmensfarbe oder Weiß des Hintergrundes
f. Hintergrundbild oder Hintergrundfarbe

responsive behaviour 2.jpg

≥ 992

S: Max. drei in einer Reihe

991 - 768

S: Max. zei in einer Reihe (Slider optional)

767 - 320

S: Einer in einer Reihe (Slider optional)

 

Kontakt und Feedback

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