Inhaltsverzeichnis
Stellen Sie im Tab "Farben" die Farben Ihres Unternehmens ein, um Ihren Shop an die Corporate Identity Ihres Unternehmens anzupassen. Wählen Sie hier ggf. eine Hintergrundfarbe und davon abweichende Textfarben für Ihre Seite oder gezielt nur für bestimmte Bereiche. Wir erklären im nachfolgenden, welche Farbe letztendlich wo verwendet wird.
Theme-Farben
Primärfarbe
Die Hauptfarbe Ihres Shops. Diese Farbe dient auch zur Führung Ihrer Besucher durch den Shop - sie wird also für die meisten klickbaren Elemente, wie z.B. Links oder primäre Buttons, verwendet.
Sekundärfarbe
Die zweite Farbe Ihres Unternehmens. Sie bildet häufig einen auffälligen Kontrast zur Primärfarbe und dient in der Darstellung des Shops dazu, sekundär priorisierte, klickbare Elemente einzufärben.
Rahmen
Die Farbe der Rahmen gilt allgemein für mehrere Bereiche der Webseite, in denen Rahmen verwendet werden. Dies betrifft z.B. Produktboxen oder auch die dünnen Linien über und unter der Hauptnavigation, welche in der Desktop-Ansicht zu sehen sind.
Hintergrund
Im Feld "Hintergrund" können Sie die Hintergrundfarbe der gesamten Seite bestimmen - diese im Standard weiß. Sie können das Feld auch leer lassen, um die Hintergrundfarbe transparent zu lassen. Bitte beachten Sie, dass die Hintergrundfarbe der Seite nicht die Hintergrundfarbe des Footers beeinflusst - diese können Sie separat einstellen.
Tertiärfarbe
In diesem Feld können Sie eine weitere Akzentfarbe übergeben. In der Standardversion des RevPlus-Themes ist diese Farbe kaum bis gar nicht in Verwendung - sie kann praktischerweise aber für Layout-Anpassungen genutzt werden.
Footer
Legen Sie die Hintergrundfarbe des Footers hier fest. Beachten Sie bitte, dass für die Überschriften im Footer aktuell die Primärfarbe genutzt wird - Ihre Hintergrundfarbe für den Footer sollte also im guten Kontrast zueinander stehen, um die Lesbarkeit zu gewährleisten. Für Links und Texte im Footer entscheidet das Theme allerdings selbstständig, aufgrund einer Kontrast-Berechnung, ob schwarz oder weiß auf der Hintergrundfarbe des Footers besser zu lesen ist.
Status-Farben
Die Status-Farben werden für die farbliche Hervorhebung von Hinweisen, Fehlermeldungen, Warnungen oder Erfolgsmeldungen genutzt. Sie sollten hier Farben wählen, die sich deutlich von der Primärfarbe Ihres Shops abheben, damit die Hinweise auch wirklich auffallen. Es ist empfehlenswert, hier die klassischen Farben zu verwenden: Grün für Erfolgsmeldungen, Gelb für Warnungen, Rot für Fehler und Blau für Informationen.
Erfolg
Die Farbe für Erfolgsmeldungen, z.B. nach erfolgreichem Absenden eines Kontaktformulars oder nach erfolgreichem Abschluss einer Bestellung.
Warnung
Die Farbe für Warnungen, z.B. wenn eine Versandart nicht verfügbar ist.
Fehler
Die Farbe für Fehlermeldungen, z.B. wenn eine Bestellung nicht erfolgreich abgeschlossen werden konnte.
Information
Die Farbe für Informationen, z.B. wenn die Versandart geändert wird.
Typografie
Suchen Sie hier die Schriftarten aus, die sie für Überschriften und für weitere Texte verwenden wollen. Sie können hier ebenfalls jeweils die Farben anpassen und außerdem die Größe der Schrift festlegen.
Wie kann ich meine eigene Schriftart hinzufügen?
eCommerce-Farben
Die Farben für eCommerce beinhalten die Farben, die z.B. für den Kaufen-Button verwendet wird. Dies beinhaltet die Farbe des Preises, die Farbe des Kaufen-Buttons und die Textfarbe des Kaufen-Buttons. Es ist empfehlenswert, hier eine auffällige Farbe zu wählen, damit der Kaufen-Button gut sichtbar ist und zum Klicken animiert.
Immo W. Fietz
eCommerce Berater seit 24 JahrenSie haben noch mehr Fragen? Wir sind auch auf WhatsApp erreichbar!
