Skip to content

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

NameHEXRGBHSLCMYKWarm-Gray-Stufe
Brand White#FFFFFF255, 255, 2550°, 0%, 100%C0 M0 Y0 K0
Brand Light#F9F8F6249, 248, 24628°, 18%, 97%C0 M0 Y1 K2Warm 50
Brand Dark#3A343058, 52, 4824°, 9%, 21%C0 M8 Y13 K77Warm 800
Brand Black#231F1C35, 31, 2826°, 11%, 12%C0 M9 Y14 K86Warm 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

KombinationKontrastWCAGStatus
Brand Black auf Brand White~16.6:1AAAAAA
Brand Black auf Brand Light~16.1:1AAAAAA
Brand White auf Brand Dark~12.3:1AAAAAA
Brand White auf Brand Black~16.6:1AAAAAA
Orange auf Brand Black~6.8:1AAAA
Orange auf Brand Dark~5.0:1AAAA

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
NameCMYKPantone (nächster)
Brand WhiteC0 M0 Y0 K0
Brand LightC0 M0 Y1 K2
Brand DarkC0 M8 Y13 K77PMS 411 C
Brand BlackC0 M9 Y14 K86PMS 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

css
:root {
  --brand-white: #FFFFFF;
  --brand-light: #F9F8F6;  /* = Warm 50 */
  --brand-dark: #3A3430;    /* = Warm 800 */
  --brand-black: #231F1C;   /* = Warm 900 */
}

Dokumentation lizenziert unter CC BY-NC 4.0 · Code lizenziert unter MIT