Das Aussehen Ihrer Website
Farben und Stil
Den visuellen Stil Ihrer Website wechseln und ihre Farbpalette wählen.
In diesem Artikel
Zwei Einstellungen bestimmen das Aussehen Ihrer Website: der Stil (wie die Elemente gezeichnet sind) und die Farben.
Sie liegen unter Websites → Website-Einstellungen, ganz oben.
Der visuelle Stil (Design)
Zwei Stile stehen zur Wahl:
- Natur — warm und natürlich, weiche Formen, runde Schrift.
- Modern — professionell und sachlich, gerade Linien, nüchterne Schrift.
Klicken Sie auf das Vorschaubild des Stils, der Ihnen gefällt. Ein grünes Häkchen erscheint darauf.
Klicken Sie oben rechts auf « Einstellungen speichern ».
Öffnen Sie Ihre Website in einem anderen Tab, um das Ergebnis zu sehen.
Der Stil ändert Schriftarten, Rundungen, Abstände und die Art, wie Blöcke gezeichnet werden. Alles andere bleibt gleich.
Die Farben (Palette)
Direkt darunter bietet der Abschnitt « Farben » eine Reihe fertiger Paletten.
Jedes Rechteck ist eine Palette. Es ist in vier Streifen geteilt, die von links nach rechts stehen für:
den Hintergrund der Abschnitte — die Grundfarbe der Seiten;
die Markenfarbe — Schaltflächen, Fusszeile, Links;
die Akzentfarbe — Details, Hervorhebungen;
Text und Überschriften — die Farbe der Wörter.
So wechseln Sie die Palette:
Klicken Sie auf die gewünschte Palette. Ein grünes Häkchen erscheint.
Klicken Sie auf « Einstellungen speichern ».
Die eigene Palette
Die letzte Palette der Liste trägt die Kennzeichnung EIGEN. Wählen Sie sie, wenn Sie die vier Farben selbst einstellen möchten — zum Beispiel, um genau die Farben Ihres Logos zu übernehmen.
Dann erscheinen vier Felder, in derselben Reihenfolge wie die Streifen:
| Feld | Was es färbt |
|---|---|
| Hintergrund der Abschnitte | Den Hintergrund der Seiten. Wählen Sie eine sehr helle Farbe. |
| Markenfarbe (Hauptfarbe) | Schaltflächen und Fusszeile. Das ist Ihre Signaturfarbe. |
| Akzentfarbe | Details und aktive Elemente. |
| Text & Überschriften | Die Wörter. Wählen Sie eine sehr dunkle Farbe. |
Für jedes Feld können Sie entweder auf das Farbquadrat klicken (die Farbauswahl Ihres Systems öffnet sich) oder einen Hex-Code der Form #rrggbb eintippen, zum Beispiel #004d40.
Der wichtigste Rat: der Kontrast
Die einfache Regel: Hintergrund sehr hell, Text sehr dunkel. Kräftige Farben bleiben den Schaltflächen vorbehalten, wo sie den Blick anziehen, ohne das Lesen zu stören.
Das Ergebnis prüfen
Nach dem Speichern:
Öffnen Sie Ihre Website in einem neuen Tab (Schaltfläche « Besuchen » unter Websites → Seiten).
Schauen Sie sich Ihre Startseite an.
Nehmen Sie Ihr Telefon und öffnen Sie Ihre Website darauf. Das ist der echte Test.
Wenn Ihnen etwas nicht gefällt, kehren Sie zurück und wechseln die Palette. Es gibt keine Grenze für die Anzahl der Versuche.