Farben und Schriften für die Website: So wählst du sie passend zu deiner Arbeit

Für deine Webseite brauchst du eine Hauptfarbe, eine Akzentfarbe für Knöpfe und Hervorhebungen und zwei Schriften, eine für Überschriften und eine für den Text. Wähle sie so, dass sie zur Stimmung deiner Arbeit passen und dass sich alles gut lesen lässt. Lesbarkeit geht dabei immer vor Geschmack, weil eine schöne Seite, die man nicht lesen kann, keine Anfragen bringt.

Farben wählen

Die Hauptfarbe

Die Hauptfarbe trägt die Stimmung deiner Seite. Frag dich, welche Stimmung deine Klienten bei dir erleben, etwa Ruhe, Klarheit, Wärme oder Aufbruch, und such eine Farbe, die diese Stimmung trägt. Schau dir auch an, welche Farben andere Anbieter in deinem Bereich nutzen, damit du dich unterscheidest.

Die Akzentfarbe

Die Akzentfarbe nutzt du sparsam für Knöpfe, Links und einzelne Hervorhebungen. Weil sie selten vorkommt, lenkt sie den Blick genau dorthin, wo der Besucher handeln soll. Auf unserer eigenen Seite ist das ein kräftiges Rot auf ruhigem Blau und Weiß.

Die neutralen Farben

Dazu kommen ein fast schwarzer Ton für den Text und ein heller Hintergrund. Reines Schwarz auf reinem Weiß wirkt hart, und ein sehr dunkles Grau liest sich angenehmer.

Kontrast und Lesbarkeit

Schrift und Hintergrund brauchen genug Kontrast, damit auch Menschen mit schwächeren Augen oder Besucher in der Sonne lesen können. Kostenlose Werkzeuge im Netz prüfen den Kontrast zweier Farben in Sekunden. Vermeide hellgraue Schrift auf weißem Grund und farbige Schrift auf farbigem Grund, und lass auf dunklem Hintergrund die Schrift weiß. Mehr dazu steht im Ratgeber Barrierefreie Webseite.

Schriften wählen

Zwei Schriften reichen für eine ganze Webseite. Für Überschriften darf es eine Schrift mit Charakter sein, etwa eine Serifenschrift, die ruhig und gediegen wirkt. Für den Text wählst du eine gut lesbare Schrift ohne Schnörkel in einer Größe von mindestens 16 Pixeln. Achte darauf, dass die Schrift Umlaute und das ß sauber darstellt und dass du sie auf der Webseite nutzen darfst.

Lade Schriften am besten von deinem eigenen Server statt von einem fremden Dienst. So lädt die Seite schneller, und du sparst dir einen Eintrag in der Datenschutzerklärung.

Häufige Fehler

Häufige Fehler sind zu viele Farben, mehr als zwei Schriften und eine Akzentfarbe, die überall auftaucht und deshalb nichts mehr hervorhebt. Ein weiterer Fehler sind Farben, die nur dem Inhaber gefallen, aber nicht zur Stimmung passen, die seine Klienten suchen.

Farben und Schriften sind der sichtbare Teil deiner persönlichen Marke, wie der Ratgeber Personal Branding für Coaches zeigt. Wenn wir deine Webseite bauen, leiten wir Farben und Schriften aus deiner Essenz ab. Unser Angebot steht auf der Seite Webdesign für Coaches.

Dieser Ratgeber gehört zur Reihe «Dein Auftritt». Davor steht der Ratgeber Onepager oder mehrere Seiten?, und danach folgt der Ratgeber Du oder Sie auf der Website?.

Häufige Fragen