Neutrale Farben — Brand Neutrals

Die BAUER GROUP definiert vier Markenneutralen als feste Referenzpunkte. Diese sind aus der Warm-Gray-Skala abgeleitet und bilden die Eckpfeiler für Hintergrund-, Text- und Flächengestaltung.

Brand-Neutrals

Brand White

#FFFFFF

Brand Light

#F9F8F6

Brand Dark

#3A3430

Brand Black

#231F1C

Spezifikation

Name	HEX	OKLCH	RGB	CMYK	Warm-Gray-Stufe
Brand White	#FFFFFF	oklch(100% 0 0)	255, 255, 255	C0 M0 Y0 K0	—
Brand Light	#F9F8F6	oklch(98% 0.005 50)	249, 248, 246	C0 M0 Y1 K2	Warm 50
Brand Dark	#3A3430	oklch(30% 0.011 50)	58, 52, 48	C0 M8 Y13 K77	Warm 800
Brand Black	#231F1C	oklch(20% 0.009 50)	35, 31, 28	C0 M9 Y14 K86	Warm 900

Mapping zur Warm-Gray-Skala

Die Brand-Neutrals sind direkte Referenzpunkte aus der Warm-Gray-Skala — kein Mapping-Abstand wie bei separaten Systemen.

Brand Light #F9F8F6

= Warm 50 #F9F8F6

Brand Dark #3A3430

= Warm 800 #3A3430

Brand Black #231F1C

= Warm 900 #231F1C

Wann welches System?

• Brand-Neutrals für offizielle Markenmaterialien, Print, Marketing-Assets — die 4 festen Referenzwerte
• Warm-Gray-Skala für digitale Interfaces, wo feingranulare Abstufungen (50–900) mit warmem Unterton benötigt werden
• Neutral-Gray-Skala für Print-Raster, technische Elemente und sachliche Darstellungen ohne Farbunterton — siehe Farbskalen → Neutral-Gray

Barrierefreiheit

Kombination	Kontrast	WCAG	Status
Brand Black auf Brand White	~16.6:1	AAA	AAA
Brand Black auf Brand Light	~16.1:1	AAA	AAA
Brand White auf Brand Dark	~12.3:1	AAA	AAA
Brand White auf Brand Black	~16.6:1	AAA	AAA
Orange auf Brand Black	~6.8:1	AA	AA
Orange auf Brand Dark	~5.0:1	AA	AA

Anwendungsbeispiele

Sektions-Wechsel

Primärer Inhalt

Brand White (#FFFFFF) als Standard-Hintergrund

Sekundäre Sektion

Brand Light (#F9F8F6) — warmer Hintergrund für visuelle Trennung

Dunkle Sektion

Brand Dark (#3A3430) für Kontrast und Tiefe

Footer-Bereich

Brand Black (#231F1C) für tiefe Bereiche

Komplette Markenfarbpalette

White

Light

Orange

Dark

Black

Print & Produktion

Name	CMYK	Pantone (nächster)
Brand White	C0 M0 Y0 K0	—
Brand Light	C0 M0 Y1 K2	—
Brand Dark	C0 M8 Y13 K77	PMS 411 C
Brand Black	C0 M9 Y14 K86	PMS Black 7 C

Druckhinweis

Brand Dark und Brand Black sind nicht reines Schwarz (K100) — sie enthalten bewusst einen warmen Unterton (M+Y > 0). Für tiefes Schwarz bei großen Flächen C40 M30 Y20 K100 als reiches Schwarz verwenden.

CSS Custom Properties

:root {
  /* HEX — Print-Authority, Tooling-Fallback */
  --brand-white: #FFFFFF;
  --brand-light: #F9F8F6;  /* = Warm 50 */
  --brand-dark:  #3A3430;  /* = Warm 800 */
  --brand-black: #231F1C;  /* = Warm 900 */

  /* OKLCH — Web/Display-Authority */
  --brand-white-oklch: oklch(100% 0 0);
  --brand-light-oklch: oklch(98% 0.005 50);
  --brand-dark-oklch:  oklch(30% 0.011 50);
  --brand-black-oklch: oklch(20% 0.009 50);
}

Aliase auf Warm-Gray

--brand-light, --brand-dark und --brand-black sind semantische Aliase auf die Warm-Gray-Skala. Wer alternativ direkt mit Skalen-Tokens arbeiten möchte, kann auch die Warm-Token-Variante verwenden — siehe Semantische Aliase.