ZEISS Brand Portal
ZEISS Brand Portal
FarbenGrundfarben

Weiß und Schwarz sind dominanter als die Sekundär- und Akzentfarben. Mit diesen Farben setzt Du eine Kommunikation in Szene. Sie prägen das Farbschema, woraus ein minimalistisches Gesamtbild entsteht.

basic colors

Die Sekundärfarben werden subtil eingesetzt.

Primärfarben
black and white
Schwarz & Weiß

Es stehen zwei CMYK-Varianten für Schwarz zur Verfügung: eine vierfarbige Version für Farbflächen und eine einfarbige Version für Text und feine Linien.

White
HEX #FFFFFF, RGB 255-255-255, CMYK 0–0–0–0

Black
HEX #000000, RGB 0-0-0, CMYK 60-20-20-100 (Farbflächen);
0–0–0–100 (Text und feine Linien), PANTONE Process Black

Sekundärfarben

Alle Sekundärfarben können flexibel verwendet werden.

ZEISS Indigo
ZEISS Indigo

ZEISS Indigo ist die Farbe unseres Logos. Ansonsten kann sie genauso verwendet werden wie die anderen Sekundärfarben.

HEX #0F2DB3, RGB 15-45-179, CMYK 100-80-0-0, 

PANTONE Reflex Blue C, RAL 5002

ZEISS Azure
ZEISS Azure

ZEISS Azure ist die Interaktionsfarbe und damit die wichtigste Sekundärfarbe in Benutzeroberflächen. Sie wird verwendet, um interaktive Elemente wie Links oder anklickbare Bereiche hervorzuheben. Ansonsten kann sie genauso verwendet werden wie die anderen Sekundärfarben.

HEX #0072EF, RGB 0-114-239, CMYK 80-45-0-0,
PANTONE 2925 C, RAL 5015

ZEISS Violet
ZEISS Violet

ZEISS Violet kann verwendet werden, um nicht-interaktive Elemente zu betonen, genau wie ZEISS Indigo und ZEISS Azure.

HEX #8F3CFB, RGB 143-60-251, CMYK 45-65-0-0,
PANTONE 2587 C, RAL 4005

Akzentfarbe
ZEISS Lime
ZEISS Lime

ZEISS Lime wird ausschließlich für Highlights verwendet. Diese Farbe sollte deutlich seltener eingesetzt werden als die anderen Sekundärfarben.

HEX #D9E906, RGB 217-233-6, CMYK 20-0-80-0, PANTONE 388 C

Graustufen

Je nach Anforderung sind für Schwarz und Weiß verschiedene Graustufen möglich.

Für digitale Berührungspunkte gibt es separate Farben und Graustufen, die noch mehr Funktionen bieten. Zu diesem Zweck steht das ZEISS Beyond Design System zur Verfügung.

Graustufen
Farbverläufe
  • Farbverläufe verleihen Deinen Grafiken oder visuellen Elementen mehr Tiefe.

  • Verwende nur eine der Sekundärfarben, wobei der Farbverlauf entweder in Schwarz oder Weiß übergeht.

  • Stelle sicher, dass alle Farbverläufe in einem Asset – beispielsweise einer PowerPoint-Folie – dieselben Parameter aufweisen.

Basic Gradients
Color & type

Use color in text purposeful, e.g. if you need to draw attention and cannot achieve this via typographic means.

Color & type

Prefer using black text on a white background or white text on a black background. Exception can be done, if needed for a specific reason.

Don'ts
Sekundär- oder kontextbezogene Farben direkt nebeneinander oder deren übermäßige Verwendung

Sekundär- oder kontextbezogene Farben direkt nebeneinander oder deren übermäßige Verwendung

Farben oder Farbverläufe als Bild- oder Videohintergründe

Farben oder Farbverläufe als Bild- oder Videohintergründe

Farbiger Text in Überschriften und Fließtext – außer bei Links

Farbiger Text in Überschriften und Fließtext – außer bei Links

Künstlich gefärbtes Material als Sekundärfarben in Räumen

Künstlich gefärbtes Material als Sekundärfarben in Räumen

Farbabstufungen von Sekundär- oder Akzentfarben

Farbabstufungen von Sekundär- oder Akzentfarben

Transparente Farben

Transparente Farben

Hast Du Fragen?

Corporate Brand, Communications & Public Affairs

Bleib in Kontakt