Kontext

Das Wichtigste bei der Anpassung der Kiosk-App ist die Wahl der richtigen Farben für deine Marke. Einige Farben können das Aussehen deiner App mehr beeinflussen als andere. Deshalb sollten einige Farben, wie z. B. Fehler, Symbole usw., in ihrer Standardeinstellung bleiben. Die Farben, die wir dir zu Ändern empfehlen, sind Haupt- und Schaltflächenfarben..

Anforderungen:

• Alle Farben sollten im Hex-Farbcode-Format angegeben werden, z.B. (#ff6600)

Allgemeine Farben

Haupt-/Primärfarbe

Das ist die Hauptfarbe der Marke. Sie wird als auffälligste Farbe im gesamten Kiosk angezeigt. Sie dient dazu, wichtige Aktionen und Ereignisse hervorzuheben, die der Benutzer auswählen kann, sowie wichtige Elemente, die hervorgehoben werden sollten. Diese Farbe sollte einen ausreichenden Kontrast haben, damit die Textelemente in dieser Farbe gut lesbar sind.

1. Kategorie Auswahl
2. Symbol: Angebote/Belohnungen
3. Häkchen
4. Auswahl der Combo-Karte
5. Link
6. Illustration

Weiß und Schwarz

Aktuell nicht im System verwendet. Bitte ändere die Standardwerte nicht, da sie in der Zukunft so verwendet werden sollten, wie sie aktuell sind.

Hintergrundfarben

Farbe der Vorder- und Rückseite

Die Hintergrundfarbe wird auf dem gesamten Kiosk verwendet. Hintergrund Hinten ist die Haupthintergrundfarbe und die Farbe Hintergrund Vorne wird für Elemente verwendet, die über der Hauptebene liegen - wie Dialogfenster und Karten. Auf manchen Bildschirmen besteht der gesamte Hintergrund aus der Farbe Hintergrund Hinten.

1. Hintergrund Vorne
2. Hintergrund Hinten

Status/Zustände

Fehler

Zeigt die Negativaktion in der Schnittstelle an. Elemente in dieser Farbe ziehen die Aufmerksamkeit auf sich, wenn sofortiges Handeln des Nutzers erforderlich ist. Tritt normalerweise bei Systemfehlern im Bestellablauf auf.

1. Fehler-Illustrationen
2. Fehler bei der Artikelauswahl

Symbole

Farbe für aktive und inaktive Symbole

Die Farbe für aktive Symbole wird für Symbole verwendet, die eine Aktion auslösen, z. B. Bearbeiten und Löschen. Die Farbe für inaktive Symbole wird für die Artikelzählung in der Speisekarte und der Zusammenfassung verwendet.

1. Farbe für aktives Symbol
2. Inaktives Symbol

Sonstige Farben

Linien

Das ist die Farbe für alle Trennlinien, die auf der Benutzeroberfläche verwendet werden. Die Linienfarbe wird für jede grafische Linie im gesamten System verwendet. Alle Linien-Farben werden aus dieser Farbe hergestellt, indem ihre Deckkraft reduziert wird. Deshalb muss die Linienfarbe sehr dunkel sein, damit sogar 6% der Deckkraft sichtbar sind. Wir empfehlen Schwarz.

1. Linie 6% Deckkraft
2. Linie 15% Deckkraft
3. Linie 30% Deckkraft
4. Linie 40% Deckkraft

Vegetarisch

Wird von dem Inline-Symbol verwendet, das die vegetarischen und veganen Angebote auf der Speisekarte hervorhebt.