Farben festlegen
Haupt- und Akzentfarbe, wo sie in der Mail wirklich wirken, und warum Keystate bei einer zu hellen Farbe auf neutrales Dunkelgrau ausweicht.
Deine Marke kennt zwei Farben: eine Hauptfarbe und eine Akzentfarbe. Dazu kommt eine optionale Knopffarbe, die nur außerhalb der Mails wirkt. Alle drei stehen unter Einstellungen → Marke → Aussehen in der Karte Farben & Schrift. Die Vorschau daneben ändert sich beim Tippen mit.
Jedes Feld hat zwei Eingaben: den Farbwähler des Browsers und daneben ein Textfeld für den Hexcode. Wenn dir deine Agentur „#1E93D6” gegeben hat, tipp den Code ins Textfeld, statt ihn im Wähler zu suchen.
Was die drei Farben tun
| Feld | Vorgabe | Wo sie wirkt |
|---|---|---|
| Hauptfarbe | #1A1A1A | Firmenname im Kopf, wenn kein Logo hinterlegt ist; Stadt-Silhouette im Marktblick; Grundton deiner Wertermittlungs-Seite |
| Akzentfarbe | #FF8000 | Kapsel über der Überschrift, Links, Trenner zwischen den Kennzahlen, die Knöpfe in der Mail, das Preisfeld, die Kurve und die Haus-Grafik im Abschlussblock |
| Knopffarbe | leer | nur die Knöpfe auf deiner Wertermittlungs-Seite |
Die Knopffarbe ist absichtlich getrennt: Manche Hausfarbe ist als Fläche schön, wird hinter weißer Schrift aber zu hell. Solange der Haken Akzentfarbe verwenden gesetzt ist, tragen die Knöpfe den Akzent. In den Mails tragen die Knöpfe immer die Akzentfarbe. Dort bleibt das Feld ohne Wirkung.
Was die Hauptfarbe nicht mehr tut
Sie färbt keinen Fließtext. Überschriften, Objekttitel, Beschreibungen,
Fakten und der Gruß stehen in jeder Mail in #2A2A2A, unabhängig von
deiner Marke.
Der Grund ist ein echter Fall: Ein Büro hatte #FF8000 als Hauptfarbe, und
damit standen 68 Textstellen einer Mail in Orange. Eine Farbe, die als
Fläche wirkt, blendet als Schrift. Eine Marke wirkt über den Akzent, der
Text bleibt lesbar dunkel, wie in jeder gedruckten Broschüre.
Der Grau-Riegel
Keystate rechnet zu jeder gesetzten Farbe die empfundene Helligkeit aus, mit den Gewichten 0,299 (Rot), 0,587 (Grün) und 0,114 (Blau). Liegt das Ergebnis über 0,62, gilt die Farbe als hell. Dann greift der Riegel:
- Hauptfarbe zu hell: Überschriften und der Firmenname stehen in neutralem Dunkelgrau statt in deiner Hauptfarbe. Sonst wäre der Text auf weißem oder cremefarbenem Grund nicht lesbar.
- Akzent- oder Knopffarbe zu hell: Pille und Knöpfe bekommen eine dunkle Beschriftung statt einer weißen.
Abgelehnt wird keine Farbe. Es ist deine Marke, und dieselbe Farbe steht in der Mail an mehreren Stellen, von denen nur eine Fläche unter Schrift ist. Als Haarlinie, als Rand oder als getönter Grund ist auch Hellgelb richtig. Gesagt wird es trotzdem: Der Hinweis steht unter dem Farbfeld, das er meint, und noch einmal in der Rückmeldung nach dem Speichern. Ohne diesen Satz hältst du die dunkle Knopfbeschriftung in deiner Mail für einen Fehler und suchst ihn bei dir.
Warum ein grauer Akzent die Mail weiß macht
Der Grundton der Mail folgt nicht der Hauptfarbe, sondern dem Akzent.
Ist der Akzent warm, also im Farbkreis bis 70 Grad oder ab 330 Grad und
mindestens 10 Prozent gesättigt, bekommt die Mail den warmen Cremegrund
#F9F3ED mit dem abgetönten Nebentext #8A8175. Ist er kalt oder grau,
bekommt sie klares Weiß #FFFFFF mit neutralem Grau.
Ein Grau unter 10 Prozent Sättigung ist weder warm noch kalt. In dem Fall entscheidet der Rückfall, und der ist Weiß: Weiß behauptet nichts. Dasselbe gilt, wenn gar kein Akzent hinterlegt ist.
Speichern
Der Knopf heißt Farben und Schrift speichern. Hat inzwischen ein Kollege in einem zweiten Tab an der Marke gespeichert, sagt Keystate das, statt seine Änderung zu überschreiben. Die Vorschau daneben zeigt Farben, Schrift und Logo, nicht das fertige Layout. Wie die Mail wirklich aussieht, siehst du im Assistenten.