Zum Inhalt springen

Design Einstellungen

Baukasten Design

Der Screenshot zeigt die Design-Einstellungen im Baukasten-Backend. Hier passt du zentrale visuelle Parameter deiner Website an:

Farben

Stell die Farbpalette deiner Website ein. Leg fest, welche Primär-, Sekundär- und Textfarben du nutzen willst. Außerdem kannst du Schwarz- und Weißwerte sowie die Hintergrundfarbe bestimmen.

Grid-System

Konfiguriere das Grid-System für deine Website. Passe Abstände und Ränder für verschiedene Layout-Bereiche individuell an.

Header & Favicon

Schalte den Header ein oder aus. Lade dein Logo hoch und verwalte das Favicon deiner Seite.

Globale UI-Elemente

Bestimme globale Einstellungen für Buttons und die Seitennummerierung (Pagination). Dazu gehören Schriftarten, Farben, Abstände und Ränder.

Im Bereich Farben legst du die wichtigsten Farbcodes für deine Website fest:

  • Primäre Farbe: Hauptfarbe für Buttons und Akzente
  • Sekundäre Farbe: Ergänzende Akzentfarbe
  • Textfarbe: Standardfarbe für Fließtext
  • Schwarz/Weiß: Basisfarben für Kontraste
  • Hintergrundfarbe: Hintergrund der Seite

Das Grid-System steuert die Abstände und Ränder im Layout:

  • Abstand: Innenabstand von Containern
  • Rand: Außenabstand zu anderen Elementen
  • Abstand Blöcke: Abstand zwischen Inhaltsblöcken
  • Header anzeigen: Schalte den Header deiner Seite ein oder aus.
  • Logo: Lade dein Logo hoch und passe die Größe an.
  • Favicon: Hinterlege ein Favicon für die Browser-Tab-Anzeige.