Finales Farbschema – Bordeaux-Dominant

Dark Wine

Basis · Haupthintergrund

#2A1520

Hero, Header, dunkle Sektionen, Haupthintergrund der Seite

Blush Nude

Akzent 1 · Interaktion

#D4A9A0

Buttons, Hover-Effekte, Links, Icons, aktive Elemente

Bordeaux

Akzent 2 · Headlines auf Hell

#8B3A4A

Überschriften auf hellen Flächen, Trennlinien, sekundäre Buttons

Deep Navy

Kontrast · Sektionswechsel

#151B2B

Testimonial-Bereich, Footer, Sektionswechsel für Tiefe

Crème

Neutral · Helle Flächen

#F8F4F0

Textblöcke, Formulare, helle Sektionen, Kartenhintrergründe

Espresso

Text · Fließtext auf Hell

#3D2F30

Fließtext auf Crème-Hintergrund (statt reinem Schwarz)

Hero / Dunkle Sektionen

Headline auf Dark Wine

Fließtext in Crème auf dem Haupthintergrund der Website.

Helle Sektionen

Headline in Bordeaux

Espresso-Fließtext auf Crème-Hintergrund – warm und gut lesbar.

Navy-Kontrast

Blush auf Navy

Testimonials und Footer – kühler Gegenpol zu den warmen Tönen.

Anwendungsregeln

Hintergrund

Dark Wine als Standard, Navy für Sektionswechsel

Buttons primär

Blush Nude mit Dark Wine Text

Buttons sekundär

Outline in Blush oder Bordeaux

Headlines dunkel

Crème auf dunklem Grund

Headlines hell

Bordeaux auf Crème

Fließtext dunkel

Crème auf dunklem Grund (Opacity 80–85 %)

Fließtext hell

Espresso auf Crème

Links / Hover

Blush Nude, Hover: leicht aufgehellt

Trennlinien

Bordeaux mit 20–30 % Opacity

Formulare

Crème-Hintergrund, Espresso-Text, Blush-Fokusrand

/* Farbschema – Bordeaux-Dominant · Boudoir Website */ :root { --color-base: #2A1520; /* Dark Wine – Haupthintergrund */ --color-accent-1: #D4A9A0; /* Blush Nude – Buttons, Links, Hover */ --color-accent-2: #8B3A4A; /* Bordeaux – Headlines auf Hell */ --color-contrast: #151B2B; /* Deep Navy – Sektionswechsel */ --color-neutral: #F8F4F0; /* Crème – Helle Flächen */ --color-text: #3D2F30; /* Espresso – Fließtext auf Hell */ }