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
Spezifikation
| Name | HEX | RGB | HSL | CMYK | Warm-Gray-Stufe |
|---|---|---|---|---|---|
| Brand White | #FFFFFF | 255, 255, 255 | 0°, 0%, 100% | C0 M0 Y0 K0 | — |
| Brand Light | #F9F8F6 | 249, 248, 246 | 28°, 18%, 97% | C0 M0 Y1 K2 | Warm 50 |
| Brand Dark | #3A3430 | 58, 52, 48 | 24°, 9%, 21% | C0 M8 Y13 K77 | Warm 800 |
| Brand Black | #231F1C | 35, 31, 28 | 26°, 11%, 12% | 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.
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
Komplette Markenfarbpalette
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
css
:root {
--brand-white: #FFFFFF;
--brand-light: #F9F8F6; /* = Warm 50 */
--brand-dark: #3A3430; /* = Warm 800 */
--brand-black: #231F1C; /* = Warm 900 */
}