Web Style Guide
Farbwelt Web
Farbwelt Web - Corporate Design
für Logo, Wappen, Navigation, Rahmen, Hintergründe etc. Bestimmung der HTML-Werte über den Farbfächer "Pantone COLOR BRIDGE® EURO" bzw. die Agentur quint (Uni-Blau / Uni-Rot).
| Bezeichnung | Pantone | HTML | Farbton | |
|---|---|---|---|---|
| blue-1 (Uni-Blau) | Pantone 661 | #004a99 (quint) | ||
| Logo, Header, Footer, Navigation (Level 0), Aktiv-Elemente | ||||
| blue-2 | Pantone 660 | #2a6ebb | ||
| Navigation (Level 1), Links (visited/not visited) | ||||
| blue-3 | Pantone 659 | #6f9ad3 | ||
| Siegel, Navigation (Level 2), Links (active) | ||||
| red (Uni-Rot) | Pantone 200 | #c1002a (quint) | ||
| Logo | ||||
| grey-font | Pantone Black 7 | #363534 | ||
| Schrift | ||||
| grey-0 | #f2f3f1 (quint) | |||
| Hintergrundfarbe Inhaltsbereich, Tabellen, Portlets | ||||
| grey-1 | Pantone Cool Gray 1 | #e0e1dd | ||
| Hintergrundfarbe für Navigation (Level 2), Tabellen, Portlets | ||||
| grey-2 | Pantone Cool Gray 2 | #d5d6d2 | ||
| Hintergrundfarbe für Navigation (Level 1), Tabellen- und Kalender-Header | ||||
| grey-3 | Pantone Cool Gray 3 | #c9cac8 | ||
| Hintergrundfarbe für Navigation (Level 0), Tabellen, Rahmenfarbe, div. Seitenelemente | ||||
| grey-5 | Pantone Cool Gray 5 | #b2b4b3 | ||
| Copyright | ||||
| grey-7 | Pantone Cool Gray 7 | #9a9b9c | ||
| Logo | ||||
| grey-9 | Pantone Cool Gray 9 | #747678 | ||
| Schrift für untergeordnete Elemente (H6, Subtitle, Byline, discreet etc.) Hintergrundfarbe für Buttons (standalone) und div. Seitenelemente | ||||
Farbwelt Web - Infografik und Illustration
Bestimmung der HTML-Werte über den Farbfächer "Pantone COLOR BRIDGE® EURO"
| Bezeichnung | Pantone | HTML | Farbton |
|---|---|---|---|
| Mittel-Blau | Pantone 660 | #2a6ebb | |
| Hell-Blau | Pantone 658 | #a7c1e3 | |
| Dunkel-Rot | Pantone 181 | #7b2927 | |
| Hell-Rot | Pantone 179 | #de3831 | |
| Mittel-Grün | Pantone 377 | #739600 | |
| Hell-Grün | Pantone 375 | #92d400 | |
| Anthrazit | Pantone Cool Gray 11 | #4d4f53 | |
| Dunkel-Grau | Pantone Cool Gray 9 | #747678 | |
| Mittel-Grau | Pantone Cool Gray 5 | #b2b4b3 | |
| Hell-Grau | Pantone Cool Gray 2 | #d5d6d2 | |
| Orange | Pantone 144 | #e98300 | |
| Gelb | Pantone 142 | #efbd47 |
Zurück: Typografie
