Farben & Branding: Komponenten im Look Ihres Autohauses
Carposé-Komponenten sehen nicht nach Carposé aus, sondern nach Ihnen. Primär-, Sekundär- und Akzentfarbe hinterlegen Sie einmal in der Verwaltung; jede Komponente auf jeder Seite übernimmt sie. Wo eine Seite abweichen soll – eine Markenseite in den Farben des Herstellers, eine Aktionsseite in Rot – überschreiben Sie die Palette pro Einbindung.
Farben aus der Verwaltung
Ohne weitere Angabe gilt die Palette Ihres Kontos. Hier: das Grün, Hellgrün und Koralle des Demo-Autohauses.
Pro Einbindung überschrieben
Dieselbe Komponente, drei Attribute mehr: Primär in Pflaume, Sekundär in Mauve, Akzent in Gold. Die Palette gilt nur für diese eine Einbindung – alle anderen Seiten bleiben bei den Farben aus der Verwaltung.
Hell und dunkel
Carposé erkennt das Farbschema Ihrer Website automatisch – probieren Sie den Umschalter oben in der Navigation. Soll eine Komponente unabhängig davon immer dunkel oder immer hell erscheinen, legen Sie das pro Einbindung fest. Diese Einbindung ist fest auf dunkel gestellt:
Wie das Branding aufgebaut ist
- Primärfarbe: Buttons, aktive Filter, Links – die Farbe, die Ihre Marke trägt.
- Sekundärfarbe: Hintergründe von Chips und Badges, Hover-Zustände – meist eine helle Abstufung der Primärfarbe.
- Akzentfarbe: Hinweise und Hervorhebungen, etwa der Preisalarm oder ein „Neu“-Badge.
- Gilt überall: Fahrzeugsuche, Slider, Gruppen, Angebote, Standorte, Mitarbeiter und Formulare nutzen dieselbe Palette – ein Look auf der ganzen Website.
- Isolation: Jede Komponente rendert in einem eigenen Shadow DOM. Ihr CSS beeinflusst die Komponente nicht und umgekehrt – kein Stylesheet-Konflikt mit dem Theme Ihres CMS.
Für den Dark Mode liest Carposé die üblichen Signale Ihrer Website – das Theme-Attribut von Bootstrap, ein eigenes Theme-Attribut oder eine Dark-Klasse am Seitenelement – und wechselt live mit, wenn der Besucher umschaltet.
Technische Dokumentation