So änderst du Farben, Schriften und Logo deiner Webseite
Das obere Menü und die Schriften deiner Webseite wählst du unter Website-Baukasten → Gestaltung. Ihre Farben und Logos sind die deines Unternehmens, festgelegt unter Konfiguration → Allgemein.
Oberes Menü und Schriften wählen
- 1
Website-Baukasten → Gestaltung öffnen
Die Vorschau dort zeigt deine Auswahl, während du wählst, darunter Die Farben Ihrer Website.
- 2
Das obere Menü wählen
Wähle unter Oberes Menü die Option Designfarbe oder Weiß (auf einer dunklen Webseite Seitenfarbe).
- 3
Die Schriften wählen
Wähle unter Schriften die Option Klassisch, Redaktionell oder Klar.
- 4
Auf „Speichern“ klicken
Speichern findest du oben rechts. Auf einer veröffentlichten Webseite ist die Änderung sofort zu sehen.
Deine Markenfarben
Deine Webseite übernimmt ihre Farben aus deinen Markenfarben, so wie dein Shop, deine Gutscheine und deine E-Mails. Ändere sie unter Konfiguration → Allgemein → Markenfarben: Unter Website-Baukasten → Gestaltung zeigt Farben sie an, mit einem Link dorthin.
| Markenfarbe | Was sie färbt |
|---|---|
| Hell oder dunkel | Helle Seiten mit dunklem Text oder dunkle Seiten mit hellem Text, auf deiner Webseite und in deinem Shop. Gutscheine und E-Mails bleiben hell. |
| Akzentfarbe | Schaltflächen, Links und Hervorhebungen. Die getönten Abschnitte, die dunklen Bänder und die Fußzeile deiner Webseite entstehen aus ihr. |
| Sekundärfarbe (optional) | Nur die kleinen Akzente deiner Webseite: der kleine Text über einem Titel, die Linie darunter und die Symbole. |
Eine Farbe muss sich vom Hintergrund deiner Seiten abheben. Tut sie das nicht, nennt das Feld die nächstgelegene Farbe, die sich abhebt. Vorgeschlagene Farben bietet dir Farben an, die sich abheben.
Das obere Menü
Über dem Startbild einer Seite ist das obere Menü durchsichtig, mit weißem Text. Nach dem Scrollen und auf einer Seite ohne Startbild nimmt es den Stil an, den du gewählt hast:
| Oberes Menü | Nach dem Scrollen |
|---|---|
| Designfarbe | Deine Akzentfarbe, mit weißem Text |
| Weiß (Seitenfarbe auf einer dunklen Webseite) | Die Farbe deiner Seiten, mit dem Menü in deiner Akzentfarbe |
Auf dem Smartphone öffnet sich das Menü in denselben Farben.
Schriften
Jede Auswahl ist ein Paar: eine Schrift für Titel und eine für Text. Klassisch verwendet Playfair Display und Inter, Redaktionell Fraunces und Source Sans 3 und Klar Manrope für beides.
Dein Logo
Die obere Leiste deiner Webseite zeigt dein Horizontales Logo oder, solange du keines hast, den Namen deines Unternehmens. Lade es unter Konfiguration → Allgemein hoch: als PNG, WebP oder JPEG, mindestens 60 Pixel hoch. Unter Website-Baukasten → Gestaltung zeigt Logo, wie es aussieht.
Ein Helles horizontales Logo ist optional: weiße oder helle Schrift auf transparentem Hintergrund. Deine Webseite zeigt es dort, wo der Untergrund ein Foto oder dunkel ist: über dem Startbild einer Seite, auf einem oberen Menü in deiner Akzentfarbe oder auf einer dunklen Webseite (auch im Menü auf dem Smartphone) und in der Fußzeile.
Lade zuerst das horizontale Logo hoch: Das helle muss in Pixeln genau gleich groß sein. Willst du die Größe des horizontalen Logos später ändern, entferne zuerst das helle.
Häufige Fragen
Es sind deine Markenfarben, die auch dein Shop, deine Gutscheine und deine E-Mails verwenden. Deshalb änderst du sie an einer Stelle: Konfiguration → Allgemein → Markenfarben.
Nein. Sie bleiben hell, weil sie gedruckt und in E-Mail-Programmen gelesen werden. Dein Shop dagegen folgt deiner Webseite.
Administratoren und Mitarbeitende mit der Berechtigung Website-Baukasten → Gestaltung, vergeben unter Benutzer → Verwalten: siehe Zugriff für Mitarbeitende. Für die Markenfarben und Logos ist Konfiguration → Allgemein nötig.