03 · Marco Ancora

Farbe

Palette, Verhältnis, Rampen und welche Kombinationen lesbar sind.

Verhältnis

70 %off-white

20 %navy

10 %black

Vorschlag: Off-White trägt die Seiten, die Porträts bringen die Farbe. Navy setzt Akzente und erscheint höchstens einmal pro Seite als Fläche. Kein Lime (E-015).

Hauptfarben

off-white

Seitengrund; Text auf Navy

navy

Akzent: Bildmarke, betonte Wörter, Links, einmal pro Seite als Fläche

Pantone 280C
CMYK 100 93 28 23
RGB 0 33 105

black

Headlines und Titel (leiser Teil der zweitonigen Headlines)

Ergänzende Farben

white

Weisse Abschnitte und Karten

ink

Fliesstext

muted

Sekundärtext, Labels

line

Haarlinien und Trenner

photo

Grund hinter Porträts

Lesbarkeit

Text ↓ / Fläche →	off-white	white	photo	navy
navy	Aa13.7AAA	Aa14.8AAA	Aa12.5AAA	–
black	Aa16.5AAA	Aa17.9AAA	Aa15.1AAA	Aa1.2Nein
ink	Aa11.7AAA	Aa12.7AAA	Aa10.7AAA	Aa1.2Nein
muted	Aa5.7AA	Aa6.2AA	Aa5.2AA	Aa2.4Nein
white	Aa1.1Nein	–	Aa1.2Nein	Aa14.8AAA

WCAG 2: AA ab 4.5:1 für Fliesstext, «nur gross» ab 3:1 für Schrift ab 24 px oder 18.5 px fett. Gilt unabhängig von den Markenregeln (z. B. Magenta nie als Text).

Als Datei: tokens.css · tokens.json. Wert anklicken kopiert ihn.