Farben schaffen eine starke Markenidentität, wecken Emotionen und lenken die Aufmerksamkeit der Nutzer auf bestimmte Bereiche Ihrer Website. Eine durchdachte Farbpalette macht Ihre Website optisch ansprechend und bleibt Ihren Besuchern im Gedächtnis. In dieser Anleitung erfahren Sie, wie Sie die Farben Ihrer Website bearbeiten, Farbschemata auswählen und benutzerdefinierte Optionen nutzen, um Texte, Buttons und Layouts zu personalisieren.
Um die Farben Ihrer Website zu verwalten, gehen Sie wie folgt vor:
Klicken Sie im Website-Editor im oberen Menü auf Design.
Wählen Sie in der Dropdown-Liste Farben aus.
Nutzen Sie das Seitenmenü, um die verfügbaren Farbschemata zu durchsuchen oder benutzerdefinierte Optionen auszuwählen.
Wählen Sie die Option Beliebt, um aus vorgefertigten Paletten auszuwählen oder eine eigene zu erstellen:
Auswahl – Klicken Sie auf ein Farbschema, um es sofort anzuwenden, oder klicken Sie auf die Plus-Schaltfläche, um zusätzliche Varianten anzuzeigen.
Anpassung – Klicken Sie auf jede einzelne Farbe innerhalb eines Schemas, um über die Farbauswahl eine neue Farbe zu wählen.
Filter und Favoriten – Verwenden Sie den Filter, um Schemas nach bestimmten Farben anzuzeigen, oder klicken Sie auf das Herzsymbol, um eine Palette als Favorit zu markieren.
Tools zur Generierung – Klicken Sie auf das Paletten-Symbol, um mithilfe eines Hashtag-Codes ein Schema zu erstellen, oder verwenden Sie das Bild-Symbol, um anhand Ihres Startseiten-Titelbilds eine Palette zu generieren.
Nutzen Sie die Option Benutzerdefiniert, um bestimmte Elemente auf Ihrer Website gezielt anzupassen:
Hauptfarbe und Buttons – Wählen Sie die Primärfarbe für Links und wichtige Bereiche. Nutzen Sie die Schaltflächen „Auf alle anwenden“, um diese Farbe schnell auf alle Elemente und den Button-Text zu synchronisieren.
Menüfarben – Passen Sie die Farben für Ihren Menü-Hintergrund, Text, Hover-Effekte, Rahmen und Trennlinien zwischen Seiten an.
Seitenfarben – Legen Sie Hintergrund-, Text- und Elementfarben für Ihre Hauptseite, zweite Seite und interne Seiten fest (Seiten, die nicht auf der Startseite angezeigt werden).
Abschnitte und Footer – Passen Sie die Hauptfarbe für bestimmte Abschnitte Ihrer Seiten an und wählen Sie Hintergrund- und Textfarben für Ihren Footer.
Visuelle Hierarchie – Eine konsistente Hauptfarbe hilft Nutzern, interaktive Elemente wie Buttons und Links leichter zu erkennen.
Markenkonsistenz – Ein Farbschema aus Ihrem Startseitenbild zu generieren, ist ein schneller Weg, um sicherzustellen, dass die Farben Ihrer Website zu Ihrem Branding passen.
Hover-Effekte – Prüfen Sie unbedingt die Hover-Farben Ihres Menüs, damit der Text lesbar bleibt, wenn Besucher mit Ihrer Navigation interagieren.
Sichtbarkeit der Textfarbe überprüfen – Nachdem Sie die Textfarben auf Ihrer Website angepasst haben, sollten Sie die Änderungen unbedingt überprüfen, um sicherzustellen, dass sich die gewählte Textfarbe deutlich vom Hintergrund, von Textfeldern und von Button-Farben abhebt. Wenn der Text mit diesen Elementen „verschmilzt“, kann es dazu kommen, dass Kontrollkästchen, Seiteninhalte und Button-Texte „unsichtbar“ werden.
Sofern keine entsprechende Option angeboten wird, wirkt sich das Ändern der Farben Ihrer Website auf alle Seiten und Inhalte aus. Das bedeutet, dass Sie keine Änderungen an einzelnen Bereichen der Website-Seiten oder Inhalte vornehmen können. Bitte beachten Sie, dass Sie Abschnittsfarben über das Zahnradsymbol bearbeiten können. Erfahren Sie mehr über das Bearbeiten der Website-Abschnitte.
