Zum Inhalt
NEXBRAND

Die CI · Kapitel 11

Beispiele und UI-Elemente

Farbwerte und Schriftnamen sagen viel, aber erst ein Plakat, eine Visitenkarte oder ein Knopf auf einer Webseite zeigt, wie die CI wirkt. Dafür gibt es drei Dinge: Beispiele, die du hochlädst, und zwei, die nexbrand selbst zeichnet.

Beispiele

Im Editor, Reiter Beispiele, nimmt Beispiele hochladen beliebige Dateien an, auch mehrere auf einmal: Fotos von Drucksachen, PDFs, Präsentationen. Du gibst jedem einen Namen, ordnest und entfernst. Eine Fassung hat höchstens 60 Beispiele; wie groß eine Datei sein darf, legt der Betreiber fest, ab Werk 50 MB.

Im Reiter Beispiele der Kundenseite steht jede Datei als Karte mit Bild oder Dateisymbol, Name, Dateityp und Größe. Ein Bild öffnet sich in einem neuen Tab, alles andere wird heruntergeladen. Gleiche Dateien im selben Kunden speichert nexbrand nur einmal.

Die Beispielseite

Die Beispielseite mit dieser CI ist eine kleine Webseite in den Farben und Schriften der Fassung: Kopf mit Logo und Navigation (Angebot, Über uns, Kontakt), eine Überschrift, Fließtext, ein Knopf „Termin buchen“, ein Verweis, drei Karten und ein Fuß. Du siehst sie im Editor neben der Prüfung, im Assistenten, in der Abstimmung beim Kunden und in der Karte zum Dunkelmodus.

UI-Elemente

Der Reiter UI-Elemente zeichnet Bausteine einer Oberfläche aus Farben, Schriften und Dunkelmodus der Fassung. Hochzuladen gibt es nichts, und alles ändert sich mit der CI.

Gruppewas zu sehen ist
Knöpfe„Speichern“, „Abbrechen“ und ein Verweis „Mehr erfahren“
Eingabenein Suchfeld und ein Schalter „Benachrichtigungen an“
KarteFläche, Text, leiser Text und ein Kennzeichen „Neu“
Kennzeichenbis zu vier Farben der Palette und ein „Entwurf“

Mit dem Schalter Hell und Dunkel siehst du dieselben Elemente im Dunkelmodus, sobald die Fassung einen hat. Die Werte dazu stehen unter Als Code.

Morgenrot Bakery
Der Reiter UI elements von Morgenrot Bakery mit Knöpfen, Eingabefeldern, einer Karte und Kennzeichen in den Farben der CI
Knöpfe, Felder, Karte und Kennzeichen in der CI.

Pavo sagtEine Datei, die irgendwo beim Kunden als Hausschrift geführt wird, geht auch als Beispiel nicht nach draußen. Leg Schriftdateien also lieber im Reiter Schriften ab.