Farbwerte
Unter Farbwerte konfigurierst du das gesamte Farbschema deiner Plattform. Alle hier festgelegten Farben gelten plattformweit und bestimmen das Erscheinungsbild von Texten, Buttons, Links, Flächen und weiteren Elementen.
Navigation: Admin → Grundeinstellungen → Branding → Farbwelt
Vorschau
Auf Bildschirmen mit ausreichender Breite (über 1280px) erscheint rechts neben den Einstellungen eine Live-Vorschau. Die Vorschau zeigt für jeden Tab eine passende Darstellung der konfigurierten Farben.
Klicke auf „Vorschau updaten“, um die Änderungen in der Vorschau zu sehen, bevor du speicherst. Die Vorschau aktualisiert sich auch automatisch beim Tab-Wechsel.
Die Vorschau verwendet die unter Schriftarten konfigurierten Schriftarten, sodass du ein realistisches Bild des Endergebnisses erhältst.
Tab 1: Text & Hintergrundfarben
Die Grundfarben für Hintergrund, Text und Links.
Hintergrundfarben
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Hintergrundfarbe Webseite | Hintergrundfarbe der gesamten Webseite | #FFFFFF |
| Hintergrundfarbe Registrieren | Hintergrund der Registrierungsseite (nur bei aktivem Shop) | #67A0F7 |
Text-Farben
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Titel | Farbe für Überschriften (H1-H4) | #7E3BC6 |
| Text | Farbe für Fliesstexte und Absätze | #384253 |
Link-Farben
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Link | Farbe für Links auf weissem Hintergrund | #7E3BC6 |
| Link bei Hover | Farbe für Links bei Mausüberfahrt | #F1C400 |
Tab 2: Buttons & Tags
Farben für primäre, sekundäre und tertiäre Buttons sowie Blog-Tags.
Primäre Buttons
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Button-Farbe | Hintergrundfarbe des Buttons | #7E3BC6 |
| Button-Farbe Hover | Hintergrundfarbe bei Mausüberfahrt | #F1C400 |
| Button Textfarbe | Textfarbe im Button | #FFFFFF |
| Button Textfarbe Hover | Textfarbe bei Mausüberfahrt | #FFFFFF |
Sekundäre Buttons
Sekundäre Buttons sind nur bei bestimmten Produkttypen (z. B. Crowd, Unit, Peer-to-Peer) sichtbar.
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Button-Farbe | Hintergrundfarbe des sekundären Buttons | #FFFFFF |
| Button-Farbe Hover | Hintergrundfarbe bei Mausüberfahrt | #FFFFFF |
| Button Textfarbe | Textfarbe im sekundären Button | #7E3BC6 |
| Button Textfarbe Hover | Textfarbe bei Mausüberfahrt | #7E3BC6 |
Tertiäre Buttons (optional)
Tertiäre Buttons müssen mit dem Häkchen „Tertiären Button aktivieren“ freigeschaltet werden. Wenn deaktiviert, sind die Farbfelder ausgegraut.
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Tertiären Button aktivieren | Aktiviert tertiäre Buttons auf der Plattform | Deaktiviert |
| Button-Farbe | Hintergrundfarbe des tertiären Buttons | #F1C400 |
| Button-Farbe Hover | Hintergrundfarbe bei Mausüberfahrt | #7E3BC6 |
| Button Textfarbe | Textfarbe im tertiären Button | #384253 |
| Button Textfarbe Hover | Textfarbe bei Mausüberfahrt | #FFFFFF |
Wenn der tertiäre Button deaktiviert wird, wird die Option „Tertiär“ in den Spendenportal-Konfigurationen automatisch gesperrt und auf „Primär“ zurückgesetzt.
Spendenportal-Konfiguration
Nur sichtbar bei aktivem Spendenportal. Bestimme, welcher Button-Typ und -Stil in verschiedenen Bereichen des Spendenportals verwendet wird.
| Einstellung | Beschreibung | Optionen |
|---|---|---|
| Button-Typ (Kacheln & Checkout) | Button-Typ für Produktkacheln und Checkout | Primär, Sekundär, Tertiär |
| Button-Stil (Kacheln & Checkout) | Darstellung des Buttons | Contained, Outlined |
| Button-Typ (Farbflächen) | Button-Typ auf farbigen Flächen | Primär, Sekundär, Tertiär |
| Button-Stil (Farbflächen) | Darstellung des Buttons auf Flächen | Contained, Outlined |
Blog-Tag-Farben
Nur sichtbar bei aktivem Content-Hub-Modul. Diese Farben gelten für Tags sowohl auf einzelnen Blog-Artikeln als auch in der Blog-Übersicht.
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Hintergrundfarbe | Hintergrundfarbe für aktive/ausgewählte Blog-Tags | #384253 |
| Rahmenfarbe | Rahmenfarbe für Blog-Tags | #384253 |
| Textfarbe | Textfarbe für Blog-Tags | #FFFFFF |
| Textfarbe bei Hover | Textfarbe für Blog-Tags bei Mausüberfahrt | #FFFFFF |
In der Blog-Übersicht werden inaktive Tags mit transparentem Hintergrund und der Rahmenfarbe als Textfarbe angezeigt. Ausgewählte Tags verwenden die konfigurierte Hintergrund- und Textfarbe.
Tab 3: Flächen
Farben für farbige Flächen (Sections mit Hintergrundfarbe). Nur bei bestimmten Produkttypen (Crowd, Unit, Peer-to-Peer) sichtbar.
Flächen-Farbe
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Hauptfarbe | Hintergrundfarbe für farbige Flächen (aus Corporate Design) | #7E3BC6 |
Text-Farben auf Flächen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Titel-Farbe | Farbe für Überschriften auf farbigen Flächen | #FFFFFF |
| Text-Farbe | Farbe für Fliesstexte auf farbigen Flächen | #FFFFFF |
| Fehlerfarbe | Farbe für Fehlermeldungen | #FFFFFF |
| Sekundäre Farbe | Akzentfarbe für Spendenkacheln (Fortschritt, Betrag) | #42E4BE |
Link-Farben auf Flächen
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Link | Farbe für Links auf farbigen Flächen | #FFFFFF |
| Link bei Hover | Farbe für Links bei Mausüberfahrt auf Flächen | #FFFFFF |
Selektor-Farben
Nur sichtbar bei aktivem Checkout. Bestimmt die Farben der Auswahlfelder (z. B. Spendenintervall, Betrag).
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Farbe Auswahlfeld aktiv | Hintergrundfarbe des aktiven Auswahlfelds | #FFFFFF |
| Textfarbe Auswahlfeld aktiv | Textfarbe im aktiven Auswahlfeld | #7E3BC6 |
| Farbe Auswahlfeld inaktiv | Hintergrundfarbe inaktiver Auswahlfelder | #FFFFFF |
Tab 4: Sonstige Elemente
Nur sichtbar bei aktivem Checkout. Farben für Badges und Hinweise.
Badge-Farben
Farben für das „Neu“-Badge auf kürzlich erstellten Produkten.
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Hintergrundfarbe Label „Neu“ | Hintergrundfarbe des Neu-Badges | #7E3BC6 |
| Schrift Label „Neu“ | Textfarbe des Neu-Badges | #FFFFFF |
Gebührenhinweis-Farben
Farben für den Hinweis „niedigste Gebühr“ im Checkout.
| Einstellung | Beschreibung | Standard |
|---|---|---|
| Hintergrundfarbe | Hintergrundfarbe des Gebührenhinweises | #92B93D |
| Schriftfarbe | Textfarbe des Gebührenhinweises | #FFFFFF |
Sichtbarkeit der Tabs
Nicht alle Tabs und Felder sind immer sichtbar. Die Anzeige hängt vom konfigurierten Produkttyp und den aktivierten Modulen ab:
| Tab / Bereich | Sichtbar wenn |
|---|---|
| Sekundäre Buttons | Produkttyp ist Crowd, Unit oder Peer-to-Peer |
| Tertiäre Buttons | Produkttyp ist Crowd, Unit oder Peer-to-Peer |
| Spendenportal-Konfiguration | Checkout-Modul ist aktiviert |
| Blog-Tag-Farben | Content-Hub-Modul ist aktiviert |
| Tab: Flächen | Produkttyp ist Crowd, Unit oder Peer-to-Peer |
| Tab: Sonstige Elemente | Checkout-Modul ist aktiviert |
| Selektor-Farben | Checkout-Modul ist aktiviert |
| Hintergrundfarbe Registrieren | Shop-Modul ist aktiviert |
Updated 4 days ago