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.

.

Beispiel herofigure (Inhalt)

example.jpg
.

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
.

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.