Bevor Deine Besucherin den ersten Satz liest, hat sie schon ein Gefühl. Ruhig oder unruhig. Warm oder kühl. Vertraut oder fremd. Einen großen Teil dieses ersten Eindrucks machen Deine Farben.
Kurz gesagt
Gute Website-Farben beginnen bei Deinen Werten und Deiner Wunschkundin. Für einen ruhigen Auftritt reichen fünf Farben: eine Hauptfarbe, zwei helle Grundtöne, eine Akzentfarbe und eine dunkle Textfarbe. Prüfe immer den Kontrast, damit alles gut lesbar bleibt.
Viele Frauen wählen ihre Website-Farben nach Bauchgefühl oder nach einer Vorlage, die gerade gefällt. Das ist ein guter Anfang. Damit Deine Farben aber wirklich zu Dir passen und lange tragen, lohnt sich ein ruhiger Blick darauf, was dahintersteht.
Schritt 1: Beginne bei Deinen Werten
Wenn Du allein selbstständig bist, bist Du Deine Marke. Deine Farben dürfen deshalb zeigen, wofür Du stehst. Frag Dich:
- Welche drei Werte tragen mein Business?
- Wie soll sich meine Kundin fühlen, wenn sie meine Website öffnet?
Steht bei Dir Ruhe im Mittelpunkt, passen gedeckte, natürliche Töne. Geht es um Lebendigkeit und Mut, dürfen die Farben wärmer und kräftiger sein.
Schritt 2: Denk an Deine Wunschkundin
Deine Farben sollen nicht nur Dir gefallen, sondern Deine Wunschkundin einladen. Eine Frau, die gerade viel trägt, fühlt sich bei ruhigen Flächen und viel Weißraum oft wohler als bei grellen Kontrasten.
Stell Dir vor, sie öffnet Deine Website abends auf dem Sofa. Was soll sie in diesem Moment spüren?
Schritt 3: Lege eine kleine Palette an
Eine Website braucht weniger Farben, als man denkt. Für einen ruhigen Auftritt reichen fünf:
- Hauptfarbe: die Farbe, an der man Dich erkennt. Sie trägt Überschriften und dunkle Flächen.
- Zwei helle Grundtöne: für Hintergründe. Ein warmes Weiß und ein zweiter, etwas dunklerer Ton, um Abschnitte voneinander zu trennen.
- Akzentfarbe: für Buttons und kleine Hervorhebungen. Sparsam eingesetzt, wirkt sie am stärksten.
- Textfarbe: meist ein sehr dunkler Ton, kein reines Schwarz. Das wirkt weicher und bleibt gut lesbar.
Ein Beispiel aus meiner Website: Ich arbeite mit Tiefpetrol als Hauptfarbe, Creme und Sand als hellen Flächen, Salbei als ruhigem Zwischenton und Gold als Akzent. Jede Farbe hat eine feste Aufgabe. Dadurch wirkt die Website ruhig, auch wenn viel auf ihr steht.
Schritt 4: Prüfe die Lesbarkeit
Die schönste Farbe nützt nichts, wenn man den Text darauf nicht lesen kann. Achte darauf, dass Text und Hintergrund genug Kontrast haben. Helle Schrift auf hellem Grund oder goldene Schrift auf Weiß sehen oft elegant aus, sind aber schwer zu lesen, besonders am Handy und für Menschen, die schlechter sehen.
Kostenlose Kontrastprüfer im Internet zeigen Dir in Sekunden, ob eine Kombination gut lesbar ist. So wird Deine Website barriereärmer, und alle profitieren davon.
Schritt 5: Bleib überall gleich
Wiedererkennung entsteht durch Wiederholung. Nutze dieselben Farben auf Deiner Website, in Deinem Freebie, in Deinen Social-Media-Vorlagen und in Deinen E-Mails. In Divi 5 kannst Du Deine Farben als globale Farben anlegen. Änderst Du später eine Farbe, ändert sie sich überall auf einmal.
Farben, Schriften und Bilder gehören zusammen
Deine Farben wirken nie allein. Eine feine Serifenschrift lässt dieselbe Palette eleganter wirken, eine runde Schrift macht sie verspielter. Und Deine Fotos bringen eigene Farben mit. Wähle Bilder, die zu Deiner Palette passen, dann wirkt alles wie aus einem Guss.
Mein Fazit
Deine Website-Farben müssen keinem Trend folgen. Sie dürfen sich nach Dir anfühlen. Wenn Du bei Deinen Werten beginnst, an Deine Wunschkundin denkst und auf gute Lesbarkeit achtest, findest Du eine Palette, die Dich lange begleitet.
Im Kurs Sanft sichtbar gibt es dafür den Website StilKompass: sieben Fragen, die Dir zeigen, welcher Stil zu Dir passt, mit Farbpalette und Schriftpaar.
