Farben ändern

Wichtig: Die Farbgestaltung wirkt sich immer auf alle Seiten deiner Website aus. Das sorgt für ein durchgängiges, professionelles Erscheinungsbild – ganz ohne jedes Mal einzelne Sektionen anpassen zu müssen.

1. Öffne im Hauptmenü den Bereich Webseiten (CMS) > Seiten
2. Klicke rechts oben auf „Webseite bearbeiten“

3. Wähle auf der linken Seite den Reiter DESIGN / STYLE aus (der Bereich wird pink hinterlegt)

   Hier kannst du jetzt deine individuellen Farben festlegen. Du brauchst dafür die HEX-Codes deiner Farben – z. B. #0077cc für ein kräftiges Blau.

• Hauptfarbe

  Diese Farbe dominiert deinen Auftritt – z. B. als Hintergrundfarbe oder bei hervorgehobenen Elementen.

• Schmuckfarbe

  Wird für Akzente genutzt – z. B. bei Buttons oder Icons.

• Weißton & Schwarzton

  Leg fest, wie rein dein Weiß oder wie weich dein Schwarz aussehen soll – je nach gewünschtem Stil.

• Neutralton

  Ideal für zurückhaltende Hintergrundflächen, die deine Inhalte ruhig wirken lassen.

• Zusatzfarben 1–5

  Für besondere Elemente oder Kontraste. Beispiel: Du willst eine dritte, auffällige Farbe für Call-to-Action-Elemente? Nutze Zusatzfarbe 1 dafür.

  Wenn du hier nichts auswählst, entscheidet Ynfinite automatisch, ob helle oder dunkle Schrift besser lesbar ist – mithilfe mathematischer Kontrastberechnung. Das spart Zeit und sorgt für optimale Lesbarkeit.

Neben jeder Farbe findest du ein Dropdown-Menü zur Auswahl der passenden Textfarbe.

Tipp: Lass die automatische Auswahl einfach aktiviert, wenn du dir unsicher bist.

Vergiss nicht, ganz unten rechts auf „Speichern“ zu klicken – sonst gehen deine Änderungen verloren.

Möchtest du deine Website im Darkmode darstellen, kannst du über einen Schalter im selben Bereich zwischen Hell- und Dunkelmodus wechseln.

Trage dann deine gewünschten Farben speziell für den Darkmode ein – so bleibt dein Design auch in dunkler Ansicht stimmig.

Wenn du weiter nach unten scrollst, findest du den Bereich „Bereiche einfärben“. Hier bestimmst du, wo genau deine Farben auf der Website erscheinen sollen.

• Seite Hintergrundfarbe
  Für den kompletten Seitenhintergrund – z. B. ein leichtes Grau statt reinem Weiß.
• Sektionen Hintergrundfarbe
  Für größere farbliche Abgrenzungen einzelner Website-Bereiche.
• Farbige Sektionshintergründe deaktivieren
  Falls du lieber mit einem durchgehenden Hintergrund arbeitest, kannst du farbige Sektionen hier ausschalten.

• Kacheln Hintergrundfarbe
  Die Farbe hinter deinen Inhaltsboxen – ideal, um bestimmte Inhalte hervorzuheben.
• Header-Navigation, Seiten-Navigation & Footer-Farbe
  Bestimme, wie Navigationsleisten und der Fußbereich deiner Website eingefärbt werden sollen.

Tipp: Schau dir zuerst an, wie sich deine neuen Farben auf das Design auswirken, bevor du an dieser Stelle weitere Feinjustierungen machst. Manchmal ist weniger mehr.

Dein Banner (großes Bild am Seitenanfang) lässt sich ebenfalls anpassen:

• Banner-Farbe
  Aktiviere die Option, um Überschriften einzufärben. Diese Einstellung sorgt dafür, dass die Überschriften auf der Webseite in einer bestimmten Farbe dargestellt werden.
• Transparenz der Banner-Boxen
  Bestimme, wie durchscheinend die Textelemente auf dem Banner erscheinen sollen.
• Animation & Geschwindigkeit
  Leg fest, wie sich Bannerbilder bewegen (z. B. sanftes Überblenden) und wie schnell der Wechsel erfolgt.
  Tipp: 5000 Millisekunden = 5 Sekunden pro Bild.

Mit dem Layer kannst du dunkle Überlagerungen aktivieren, um Text auf Bildern besser sichtbar zu machen – vor allem im Darkmode.

• Transparenz einstellen:
  Je niedriger der Wert, desto dunkler die Überlagerung – probier hier einfach ein bisschen aus.