Skip to main content
Dieser Design-Bereich ist identisch für Funnel Editor und Landing Page Editor.

Überblick

Zusätzlich zu den globalen Farben, die für den gesamten Funnel bzw. die gesamte Landing Page gelten, hat jeder Block im Design-Bereich einen eigenen Tab Farben. Darüber lassen sich einzelne Bereiche des Blocks individuell einfärben – meist über eine Auswahl der vier globalen Themenfarben-Level.
Anders als die globalen Farben wird eine Änderung hier nicht im Styleguide gespeichert. Die Felder greifen beim Anlegen des Blocks lediglich auf die aktuell im Styleguide hinterlegten Farben als Startwert zurück – ändern Sie diese Farben später am Block, bleibt das eine Anpassung nur für diesen einen Block.

Beispiel: Hero-Block

Am Hero-Block lässt sich das gut zeigen, da hier besonders viele Bereiche einzeln einfärbbar sind.
  • Hintergrund – Hintergrundfarbe des Blocks (im Beispiel Level 3 · Dark)
  • Farbverlauf – blendet den Hintergrund als Farbverlauf statt als flächige Farbe ein
  • #1 Button – Farbe des ersten Buttons
  • Eyebrow – Farbe der kleinen Beschriftung über der Headline
  • Eyebrow invertieren – kehrt Text- und Hintergrundfarbe der Eyebrow um
  • Aufzählungs-Symbol – Farbe der Icons vor den Aufzählungspunkten
Jedes Feld bietet zur Auswahl eines der vier Themenfarben-Level (z. B. “Level 1”, “Level 2”) an.

Unterschiede je Block

Welche Bereiche im Farben-Tab konfigurierbar sind, hängt vom jeweiligen Block ab – ein einfacher Block wie Separator hat hier deutlich weniger Optionen als ein komplexer Block wie Hero. Die jeweils verfügbaren Felder finden Sie direkt im Farben-Tab des Blocks in der Vorschau.