Stage und Media Komponente

Bühnen und Medienkomponenten eignen sich zum Hervorheben wichtiger Themen oder zum prominenten Platzieren von Key Visuals auf einer Seite. Sie sind modular aufgebaut und können so individuell an Ihre Bedürfnisse angepasst werden. Sie können auf allen Seitenebenen verwendet werden.

Druck

Beispiel

example.jpg
a. Bühnen werden oben auf einer Seite platziert und zeigen das wichtigste Thema oder das Kernthema der Website. Sie können nur einmal pro Seite verwendet werden.
b. Medienkomponenten können mehrmals pro Seite verwendet werden und werden im Inhalt als Highlight-Komponente angezeigt.
Druck

Elemente

elements.jpg
Die Komponenten umfassen immer 12 Spalten (XL), während ihre Bilder und optionalen Slider immer außerhalb des Rasters an den Browserrändern platziert werden. Stages & Media Components müssen mindestens eine Überschrift enthalten.
Die übrigen Elemente sind optional.
a. Überstrichen
b. Überschrift
c. Kopieren
d. Link zur Seite
e. Filmschaltfläche (Film wird direkt auf der Bühne geöffnet)
f. Slider
G. Bühnen haben nur am unteren Rand überlappende Elemente, während Medien Komponenten oben und unten überlappt werden können.
Druck

Bühnen-Varianten

stage versions.jpg
Bühnen gibt es in Ausführungen für
a. dunkler Hintergrund (mit weißer Typografie)
b. heller Hintergrund (mit schwarzer Typografie)
c. Die Bühnengröße ist entweder groß (Bildverhältnis 16: 9)
d. oder klein (Bildverhältnis 2,56: 1) - für Key Visuals ohne Text.

Textelemente und Schaltflächen können je nach Bild links oder rechts platziert werden. In der dunklen Version wird das Bild mit 20% Schwarz überlagert, um sicherzustellen, dass die Typografie lesbar ist.
Druck

Media-Komponenten

media component.jpg
Die Medienkomponente ist in denselben Versionen wie die Bühne verfügbar.
Es kann als verwendet werden
a. große Version mit verschiedenen Elementen (siehe oben) oder als
b. kleine Version ohne Text.

responsive behaviour.jpg
Links: Die Bühnen und Medienkomponenten verhalten sich in den drei größten Ansichtsfenstern gleich.

Rechts: Im kleinsten Ansichtsfenster gibt es keine überlappenden Elemente und das Hintergrundbild ist zu 50% schwarz überlagert, um sicherzustellen, dass der Text lesbar ist.

 

Kontakt und Feedback

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