Gestaltung
Layout und Erscheinungsbild
Den Guide an die Marke angleichen.
Ein Guide muss nicht nach gilt aussehen. Unter «Einstellungen» › «Darstellung» gleichst du ihn an die Marke an. Alles gilt für die Guide-Seite und die Asset-Library gleichermassen.
Layout
| Klassisch | Titel links, Inhalt daneben. Ruhig und gut für lange Kapitel. |
|---|---|
| Plakativ | Grosse Titel auf Fläche, Inhalt darunter. Laut und gut für kurze, bildstarke Guides. |
Beim Wechsel bleiben alle Inhalte erhalten. Probier beide aus, die Vorschau zeigt den Unterschied sofort.
Farben und Formen
Flächenfarbe
Navigation, Footer, Buttons und Datei-Badges. Meist die Hauptfarbe der Marke.
Seitenhintergrund
Der Hintergrund aller Inhaltssektionen. Weiss, ein heller Ton der Marke oder bei dunklen Marken Schwarz.
Text auf der Fläche und auf der Seite
Leer gelassen rechnet gilt selbst: Schwarz oder Weiss, je nachdem, was besser lesbar ist. Setze einen Wert nur, wenn die Marke einen bestimmten Ton verlangt.
Zwischentitel
Die grossen Titel innerhalb einer Sektion. Leer gelassen leitet gilt einen zurückgenommenen Ton ab, der lesbar bleibt.
Text im Hero
Titel und Kurzbeschrieb ganz oben. Liegt dort ein dunkles Stimmungsbild, braucht es oft Weiss, unabhängig vom Seitenhintergrund.
Bild-Radius
Rundet Bilder und Vorschaukacheln ab. Navigation und Buttons bleiben davon unberührt.
Navigation umranden
Eine feine Linie um Zurück-Button, Logo, Menü, Assets-Button und Back-to-Top. Hilft, wenn Fläche und Hintergrund ähnlich sind. Die Farbe der Linie lässt sich setzen.
Ecken
Die Form von Navigation, Farbfeldern und Avatar.
Vorschau
Neben den Feldern steht ein Ausschnitt aus deinem Guide: Logo und Menü, der Titel und das Kapitel «Farben» im gewählten Layout, mit den ersten Farben aus deiner Palette und in der Custom Font. Jede Änderung an Farben, Ecken und Layout erscheint dort sofort, noch bevor du speicherst. Eine neu hochgeladene Schrift erscheint nach dem Speichern. Die Erklärung zu jedem Feld findest du im Info-Symbol neben dem Label.
Kontrast
Unter der Vorschau steht zu jedem Farbpaar das Kontrastverhältnis. Werte unter 4.5:1 sind rot markiert, weil Text darauf für viele Menschen schwer lesbar ist. Verboten ist es nicht, die Entscheidung liegt bei dir. Für die Zwischentitel reicht 3:1, weil sie gross gesetzt sind.
Logo in der Navigation
Das Logo oben in der Navigation des Guides setzt du unter «Einstellungen» › «Allgemein» als «Navigations-Logo». Am besten als SVG oder PNG mit transparentem Hintergrund, damit es auf der Flächenfarbe sitzt.
Fehlt etwas oder stimmt etwas nicht mehr? Schreib uns an hi@gilt.ch.