Design & Branding — Dein visueller Auftritt

Ein einheitliches Branding sorgt dafür, dass deine Besucher dich sofort wiedererkennen — egal auf welcher Seite sie landen.

Die wichtigsten Branding-Elemente:

• Logo — Wird automatisch im Header und Footer aller Seiten angezeigt
• Favicon — Das kleine Symbol im Browser-Tab
• Markenfarben — Deine Primär- und Akzentfarbe für Buttons, Links und Hervorhebungen
• Schriftarten — Maximal 2 Schriften (Überschrift + Fließtext) für einheitliches Layout

Konfiguriere alles unter Dashboard → Einstellungen → Branding. Einmal eingerichtet, übernehmen alle neuen Seiten automatisch dein Branding.

Farben haben einen großen Einfluss auf die Wirkung deiner Seite. Mit wenigen Grundfarben erzielst du ein professionelles Ergebnis.

Empfohlenes Farbschema (3+1 Regel):

1. Primärfarbe — Deine Hauptfarbe für Buttons und wichtige Elemente
2. Sekundärfarbe — Für Hintergründe und weniger prominente Bereiche
3. Textfarbe — Dunkel genug für gute Lesbarkeit (min. 4.5:1 Kontrast)
4. Akzentfarbe — Für Call-to-Actions und besondere Hervorhebungen

Du kannst die Farben global in den Einstellungen definieren. Sie werden dann als Standard für alle neuen Elemente verwendet.

Die richtige Schriftart macht den Unterschied zwischen professionell und amateurhaft. Weniger ist hier mehr.

Schrift-Empfehlungen:

• Überschriften — Eine markante Schrift, die Aufmerksamkeit erzeugt
• Fließtext — Eine gut lesbare Schrift (Sans-Serif empfohlen)
• Schriftgrößen — Mindestens 16px für Fließtext auf dem Desktop

Gehe zu Einstellungen → Schriften und wähle deine zwei Hauptschriften. Alle Vorlagen und neuen Elemente übernehmen diese automatisch.

Über 60% der Besucher kommen von Mobilgeräten. Deine Seiten müssen auf Smartphone und Tablet genauso gut aussehen wie auf dem Desktop.

Mobile Optimierung prüfen:

1. Öffne deine Seite im Editor
2. Klicke auf das Smartphone-Symbol in der unteren Leiste
3. Prüfe die mobile Ansicht — Texte, Bilder, Buttons
4. Passe Schriftgrößen und Abstände für Mobil separat an
5. Teste auch die Tablet-Ansicht

Der Editor erlaubt dir, für jede Bildschirmgröße eigene Einstellungen zu machen. So hast du volle Kontrolle über das Erscheinungsbild auf allen Geräten.

Wenn jemand deine Seite auf Social Media teilt, wird eine Vorschau angezeigt. Du bestimmst, wie diese aussieht.

Open-Graph-Einstellungen:

• OG-Titel — Der Titel, der beim Teilen erscheint
• OG-Beschreibung — Kurzer Text unter dem Titel (max. 160 Zeichen)
• OG-Bild — Das Vorschaubild (empfohlen: 1200×630 Pixel)

Konfiguriere die Vorschau pro Seite unter Seiteneinstellungen → Social Media. Teste das Ergebnis mit dem Facebook Sharing Debugger oder ähnlichen Tools.