Das Erscheinungsbild der Website erfordert keinen Eingriff in den Code. Ein Design bringt seine Farbpalette mit, man aktiviert es, und die öffentliche Website ändert sich.
Die Designs im Vergleich
Die Designs der Website, jedes mit seiner Akzentfarbe und seinem Hintergrund. Ein Klick aktiviert eines, und die ganze Website ändert sich, die Verwaltung eingeschlossen.
Die Palette eines Designs
Ein Design legt die Akzentfarbe, die Hintergrundfarbe sowie die Farben von Kopfzeile und Fußzeile fest. Die Kontraste ergeben sich automatisch, damit ein dunkler Hintergrund keine dunklen Texte mitnimmt.
Ein Design auf der Startseite ausprobiert
Wenn man ein Design bearbeitet, erscheint daneben die Startseite der Website, gestaltet mit allem, was noch nicht gespeichert ist: Jede geänderte Farbe ist sofort zu sehen, hell oder dunkel, in der Breite eines Computers, eines Tablets oder eines Telefons.
Einstellungen > Darstellung: die Grautöne der Suite
Außerhalb des Designs stellt Einstellungen > Darstellung die Grautöne der Suite und des Kundenbereichs ein, hell wie dunkel, mit ihren Statusfarben. Eine Familie pro Modus, die Vorschau einer Karte und jede Abstufung einstellbar.
Einstellungen > E-Mails: die Farben der E-Mails
Einstellungen > E-Mails legt die Sprache der E-Mails und ihre Farben fest. Der Akzent folgt standardmäßig der Hauptfarbe des Designs. Dann kommen der Hintergrund, die Überschriften, der Text, der Kopfstreifen hinter dem Logo und der Streifen darunter, zum Beispiel in den Farben des Logos.
Eine Seite mit eigenen Farben
Der Tab Darstellung einer Veröffentlichung färbt nur diese Seite um: den Hintergrund, die obere Leiste, die Fußzeile, den Text, die Linien, die Karten, die Überschriften, die hervorgehobenen Zahlen und die Akzentfarbe. Ein leer gelassenes Feld behält die Farbe des Designs.
Das Logo und das Favicon
In der Mediathek ausgewählt: das Logo der Website und ihr Tab-Symbol. Eine Einstellung legt fest, ob der Name der Website auf dem Telefon neben dem Logo angezeigt wird. Ein zweites, optionales Logo tritt an seine Stelle, wenn die Suite in den dunklen Modus wechselt: nützlich für ein dunkles Logo ohne Hintergrund, das im dunklen Menü verschwinden würde.
Die Schrift, die Breite, die Kopfzeile
Das Design wählt auch die Schriftart (standardmäßig Sora), die Breite des Inhalts, die Lesefortschrittsleiste am Seitenanfang und die Farben der Kopfzeile, samt dem, was sie anzeigt: den Namen der Website, einen Text oder das Logo.
Was das Design sonst noch festlegt
- Der Text, die Linien, der Hintergrund und der Rand der Karten, die Überschriften, die Häkchen, die Kennzahlen und die Farbe der Piktogramme.
- Die Farbe der Hover-Effekte und der Markierungen der Karten: Hauptfarbe, neutral oder benutzerdefiniert, für das Design wie Seite für Seite.
- Die Farbe jedes Typs von Hinweiskasten im Inhalt: Information, Erfolg, Achtung, Tipp und die übrigen.
- Eine Veröffentlichung kann ihre eigenen Kopfbereiche umfärben, ohne den Rest der Website zu verändern.
- Ein Design kann auch eigene Layouts mitbringen, wenn ein Projekt ein Seitenlayout verlangt, das die Palette allein nicht beschreiben kann.