Farbsystem

Die Farbe Grün wird in erster Linie für Erfolgsaktionen verwendet. So visualisiert beispielsweise eine grüne Benachrichtigung, dass eine Aktion, wie zum Beispiel ein erfolgreiches Speichern von Daten, dem Nutzer auch ohne Lesen sofort, dass die Daten gespeichert wurden. Auch bei der Fehlervalidierung, z. B. bei der Eingabe von Daten in ein Input-Feld, signalisiert die Farbe Grün, dass die Eingabe gültig ist.

Die Farbe Grün wird außerdem als Signalfarbe für den sogenannten Primary Button verwendet.

Rot wird überwiegend für Fehlermeldungen verwendet und zeigt dadurch sofort an, wenn beispielsweise ein Editor aus einem bestimmten Grund nicht geöffnet werden oder eine Seite nicht gespeichert werden kann. Außerdem wird sie bei der Fehlervalidierung dann gezeigt, wenn z. B. eine Eingabe nicht der Vorgabe entspricht (wie keine Buchstaben im Nummernfeld benutzen).

Die Farbe Rot wird außerdem zur Visualisierung von Pflichtfeldern (Mandatory fields) oder als Signalfarbe für sogenannte Badges am Warenkorb und/oder Message Client) in der Sidebar verwendet.

Wird die Farbe Gelb im System angezeigt, wird dem Nutzer eine Warnmeldung signalisiert. Das bedeutet, dass noch kein gravierender Fehler, der beispielsweise ein Abspeichern verhindern würde, vorliegt.

Die Farbe Orange wird zur Visualisierung von Sollpflichtfeldern (sog. Required fields) verwendet. Bei diesen wird erwartet, dass sie ausgefüllt werden, es ist aber nicht verpflichtend.

Blau kann im OMN System in drei Farbausprägungen vorkommen, als Hellblau, Blau oder Dunkelblau. Hellblau wird dabei für Hover-Effekte und Blau für Selektionen oder einen aktivierten Zustand eines Elements (z. B. Filter). Dunkelblau wird nur im Fall von der Navigation mit der Tastatur verwendet. Damit der Nutzer erkennen kann, auf welchem Objekt gerade der Fokus liegt, dieses aber nicht direkt auswählen muss, wird Dunkelblau als sogenannte Fokus-Farbe verwendet.

Die Farbe Grau kann an vielen Stellen im OMN gefunden werden, wird aber in bestimmten Situationen als Aktions- und Signalfarbe verwendet. So zeigt sie in besonderen Fälle Inaktivität (z. B. Buttons) oder einen Hover-Effekt an. Außerdem wird Grau für den Secondary Action Button (Abbrechen Funktionen) an.