ZEISS Brand Portal
ZEISS Brand Portal
LayoutLayoutelemente

Nachfolgend findest Du Details zu unseren Basisdesignelementen für Layouts. Erfahre mehr in diesen Kapiteln:

  • Logo und Tagline

  • Typografie

  • Bildsprache

  • Farben

Logo und Tagline

Hier findest Du verschiedene Branding-Optionen sowie mögliche Kombinationen für das Logo und die Tagline Seeing beyond.

Logo und dynamische Tagline

Dies ist die Standardoption für das Branding in der Kommunikation.

Das Logo wird am Rand ausgerichtet und in einer Ecke platziert.

Logo and dynamic tagline - Image 01

Das Branding mit der dynamischen Tagline und dem Logo erfolgt immer in Verbindung mit den anderen Layoutelementen.

Das Ziel ist es, eine harmonische Gesamtkomposition zu schaffen.

Logo and dynamic tagline - Image 02

Das Logo wird am Rand im erweiterten Eckbereich ausgerichtet.

In großzügigen Layouts mit nur wenigen Elementen sollte das Logo nicht in der Ecke platziert werden, um das räumliche Erlebnis zu verbessern.

Logo and dynamic tagline - Image 03

Die dynamische Tagline wird in der gegenüberliegenden Ecke des Logos platziert.

Der Abstand zum Logo sollte immer mindestens doppelt so groß sein wie die Breite des Logos.

Logo and dynamic tagline - Image 04

Um maximale Flexibilität sicherzustellen, gibt es kein festes Verhältnis zwischen Logo und Tagline.

Die Tagline sollte zwischen 1,5 und 3 Mal größer sein als das Logo.

Das Logo und die dynamische Tagline müssen stets gut lesbar sein.

Wenn verschiedene Medien an nur einem Kontaktpunkt (z. B. Messe oder Point of Sales) verwendet werden, stelle sicher, dass die Größen, Proportionen und Positionen des Logos, der Tagline und des Textes aufeinander abgestimmt sind.

Don’ts
Dynamische Tagline direkt unter dem Logo

Dynamische Tagline direkt unter dem Logo

Dynamische Tagline als Überschrift

Dynamische Tagline als Überschrift

Logo von anderen Elementen verdeckt

Logo von anderen Elementen verdeckt

Logo ohne Tagline

Das Logo kann ohne Tagline in kleinen Formaten mit begrenztem Platz erscheinen, beispielsweise in Social-Media-Beiträgen und Anzeigen.

Logo without a tagline - Image 01

Das Logo kann bündig an den Rändern des Formats ausgerichtet werden.

Logo without a tagline - Image 02

Das Logo kann auch frei im Format platziert werden, wenn dies die Tiefe verstärkt.

Diese Option ist einfachen Layouts mit wenigen Elementen vorbehalten.

Dynamische Tagline ohne Logo

Die dynamische Tagline kann ohne Logo verwendet werden, wenn der Kontext klar ist und die Kundschaft sich bewusst ist, dass sie sich in einer ZEISS Umgebung befindet. Dazu zählen etwa die ZEISS Website, Social-Media-Kanäle oder ein Messestand.

Dynamic tagline without a logo - Image 01

Die dynamische Tagline sollte nicht wie eine Überschrift behandelt, sondern in einer Ecke platziert werden.

Die dynamische Tagline kann ergänzend zu Bildmaterial verwendet werden.

Kein Logo, keine Tagline

Auf Logo und Tagline kann dann verzichtet werden, wenn die Kundschaft sich eindeutig bewusst ist, dass sie sich in einer ZEISS Umgebung befindet. Dazu gehören unter anderem die ZEISS Website, ZEISS Social-Media-Kanäle oder ein ZEISS Messestand.

No logo, no tagline - Image 01

Standardmäßige Social-Media-Beiträge oder Stories erfordern nicht unbedingt ein Branding, da der Kanal selbst bereits als ZEISS Kanal eindeutig erkennbar ist.

Kombination aus Logo und Tagline

Die Kombination aus Logo und Tagline wird lediglich als Power Point Schlussfolie sowie beim Logo-Ending in Videos verwendet. Die dynamische Tagline darf nicht direkt unter dem Logo verwendet werden. Verwende immer die offizielle Datei, die zum Download zur Verfügung steht.

Standard Video-Outro zum Download

Typografie

ZEISS Head und ZEISS Text sind die Schriftarten, die wir für Überschriften bzw. Fließtext verwenden.

Der Text sollte immer gut lesbar und leicht verständlich sein, insbesondere bei längeren Texten.

ZEISS Head und ZEISS Text verwenden einen Standard-Zeichenabstand von 0. Großbuchstaben, wie z. B. Überstriche, werden in Adobe-Programmen mit 40/1.000 EM-Einheiten oder in Figma mit 4 Prozent Abstand gesetzt. 

ZEISS Head für Überschriften
Contrasts - Image
Kontrast

Achte, wann immer es möglich ist, mit extremen Kontrasten sowohl in statischen als auch in bewegten Anwendungen zu arbeiten.

Vertikal komprimiert

Stelle sicher, dass mehrzeilige Überschriften immer eine geringe Zeilenhöhe haben.

Verwende eine Zeilenhöhe von 100 Prozent für gemischte Groß- und Kleinbuchstaben mit Oberlängen, Unterlängen und Akzenten auf Kleinbuchstaben.

Verwende eine Zeilenhöhe von 95 Prozent für Großbuchstaben oder gemischte Groß- und Kleinbuchstaben ohne Unterlängen und Akzente.

Verwende eine Zeilenhöhe von 110 bis 115 Prozent in den sehr seltenen Fällen, in denen ein Großbuchstabe mit Akzent direkt unter einer Unterlänge steht.

Condensed - Image

Für die meisten Anwendungen wird die Standardbreite bevorzugt.

Wenn es die Botschaft unterstützt oder zur Maximierung der Textgröße beiträgt, können die Stile narrow und condensed verwendet werden.

ZEISS Text für Fließtext
Readability and function - Image
Lesbarkeit und Funktion

Wähle aus einer Vielzahl von Stilen, um Informationen zu präsentieren.

Verwende große Zeilenhöhen für eine bessere Lesbarkeit.

Die normale Buchstabenbreite ist vorzuziehen. Bei größeren Textmengen können eine komprimierte Schriftart verwendet werden.

Ausnahme: ZEISS Text für lange Überschriften
Exception - Image

Wenn die Überschrift eher wie Fließtext aussieht, verwende die Schrift ZEISS Text für kleine Formate, wie z. B. Social-Media-Beiträge.

Verwende außerdem einen größeren Zeilenabstand von mindestens 130 Prozent.

Textkombinationen
Simple setups preferred - Image 01
Bevorzuge einfache Setups:

Verwende so wenig Textkomponenten wie möglich.

Die ideale Kombination besteht aus einer Überschrift, mit Fließtext und einer eigenen Überschrift.

Simple setups preferred - Image 02

Wenn eine Unterzeile erforderlich ist, sollte diese mindestens ein Drittel kleiner als die Überschrift sein, idealerweise halb so groß. 

Außerdem sollte ein deutlicher visueller Kontrast zwischen Überschrift und Unterzeile bestehen: 
Eine helle/schwarze Überschrift kann mit einer Unterzeile in mittlerer Schriftgröße kombiniert werden.

Eine mittlere Überschrift kann mit einer hellen Unterzeile kombiniert werden.

Simple setups preferred - Image 03

Der Text in der Überschrift kann vergrößert werden, um die Aufmerksamkeit auf den Fließtext zu lenken.

Der Text in der Überschrift sollte mindestens ein Drittel größer sein als der Fließtext.

Der Text in der Überschrift sollte außerdem deutlich kleiner sein als die Überschrift.

Simple setups preferred - Image 04

Kleine Überzeilen in Versalien können in Layouts mit wenig Text und großen Überschriften verwendet werden. Sie sollten ein Viertel der Größe der Überschrift nicht überschreiten.

Überzeilen sollten nicht mit Unterüberschriften kombiniert werden.

Don’ts
Kombinationen von Schriftschnitten mit geringem Kontrast, wie z. B. Regular und Medium

Kombinationen von Schriftschnitten mit geringem Kontrast, wie z. B. Regular und Medium

Mehr als zwei Schriftstärken oder -breiten in einem einzigen Textelement

Mehr als zwei Schriftstärken oder -breiten in einem einzigen Textelement

Mehr als vier verschiedene Textgrößen in einem einzigen Layout

Mehr als vier verschiedene Textgrößen in einem einzigen Layout

Bildsprache

Es gibt verschiedene Möglichkeiten, um Bilder im Layout zu verwenden.  

Background  - Image
Hintergrundmotiv

Der komplette Raum ist mit einem einzigen Bild ausgefüllt.

Rectangular image- Image
Rechteckiges Bild

Ein oder mehrere rechteckige Bilder werden im vorgesehenen Layout im Beschnittbereich platziert.

Rectangular image- Image
Freisteller

Produktaufnahmen werden als Freisteller im Layout dargestellt.

Farbe

Die Primärfarben der Marke ZEISS sind Schwarz und Weiß.

Der gezielte, selektive Einsatz von Sekundärfarben kann die Aufmerksamkeit auf einzelne Elemente lenken und so zusätzliche Informationen vermitteln.

Interactive elements- Image
Interaktive Elemente

Lediglich ZEISS Azure wird für interaktive Elemente verwendet, zum Beispiel für Links und klickbare Flächen in digitalen Medien.

Eye catcher - Image
Eye-catcher

Neue Produkte oder Sonderangebote können mit farbigen Kreisen in ZEISS Violet oder ZEISS Lime hervorgehoben werden.

Don’ts
Einfärben der Leinwand oder des Hintergrunds

Einfärben der Leinwand oder des Hintergrunds

Einfärben der Überschrift, der dynamischen Tagline oder des Fließtextes

Einfärben der Überschrift, der dynamischen Tagline oder des Fließtextes

交互元素使用 ZEISS Azure 以外的色彩

Andere Farben als ZEISS Azure für interaktive Elemente

Hast Du Fragen?

Corporate Brand, Communications & Public Affairs

Bleib in Kontakt