Die Farbwelt von sachsen.de
Die Farben und Farbräume für die Webpräsenzen von »sachsen.de« sind genau festgelegt. Die definierte Farbwelt verleiht den einzelnen Webauftritten einen eigenen Charakter und bietet gleichzeitig variable Möglichkeiten der Gestaltung in den einzelnen Umsetzungen. Je Webauftritt wird eine Farbe definiert, eine Kombination der Farben innerhalb einer Webpräsenz ist nicht vorgesehen. Bei Bedarf kann die Grundfarbe eines Webauftrittes geändert werden.
Die definierten Grundfarben des WebStyleguides können in Abstufungen von 40%, 20% oder 10% eingesetzt werden.
Nur ein ausreichender Kontrast zwischen der Schriftfarbe und ihrer Hintergrundfarbe erfüllt die Anforderungen an ein barrierefreies Webdesign (BITV2). Unter Berücksichtigung dieser Kriterien wurden die Farbräume definiert.
Primärfarbe
Die Primärfarbe Grün ist eindeutig »sachsen.de« als Hauptfarbe zugeordnet und dient zusammen mit dem Logo als erstes Erkennungszeichen. Sie leitet sich vom Staatswappen ab und prägt den visuellen Charakter des Freistaates Sachsen in sämtlichen Auftritten.
Sekundärfarben
Die sieben Sekundärfarben entsprechen der Themenvielfalt von »sachsen.de«. Die Farben sind bei der Gestaltung eines Webauftrittes oder Webportals frei einsetzbar. Die gewählte Farbe für einen Webauftritt oder ein Portals sollte jedoch das Thema visuell unterstützen.
Farbpaletten & Farbwerte
| Grün - Primärfarbe [Kontrastwert 5.03] | |
| 100 | #337E33 |
| 10 | #EBF2EB |
| 20 | #D6E5D6 |
| 40 | #ADCBAD |
| Dunkelgrün [Kontrastwert 8.63] | |
| 100 | #00590B |
| 10 | #E6EEE7 |
| 20 | #CCDECE |
| 40 | #99BD9D |
| Blau [Kontrastwert 5.1] | |
| 100 | #176FC5 |
| 10 | #E8F1FA |
| 20 | #D1E2F3 |
| 40 | #A2C5E8 |
| Dunkelblau [Kontrastwert 8.38] | |
| 100 | #004E92 |
| 10 | #E6EDF4 |
| 20 | #CCDCE9 |
| 40 | #99B8D3 |
| Dunkelblau 2 [Kontrastwert 14.37] | |
| 100 | #002664 |
| 10 | #E6E9F0 |
| 20 | #CCD4E0 |
| 40 | #99A8C1 |
| Ocker [Kontrastwert 5.07] | |
| 100 | #9D6100 |
| 10 | #F5EFE6 |
| 20 | #EBDFCC |
| 40 | #D8C099 |
| Orange [Kontrastwert 5.13] | |
| 100 | #CC3600 |
| 10 | #FAEBE6 |
| 20 | #F5D7CC |
| 40 | #EBAF99 |
| Rot + Orange [Kontrastwert 7.33] | |
| 100 | #B0001F |
| 10 | #FEF3EA |
| 20 | #FEE8D6 |
| 40 | #FDD1AC |
| Grau [Kontrastwert 5.01] | |
| 100 | #6E6E6E |
| 10 | #F1F1F1 |
| 20 | #E2E2E2 |
| 40 | #C5C5C5 |
| Blau 2 [Kontrastwert 5.33] | |
| 100 | #0072A3 |
| 10 | #E6F1F6 |
| 20 | #CCE3ED |
| 40 | #99C7DA |
Farbraum wechseln
Damit Sie einen Eindruck erhalten, wie sich eine Portalfarbe auf die einzelnen Komponenten auswirkt und wie somit der Charakter geprägt wird, können Sie über den bereitgestellten Farbraumtester bequem zwischen den Portalfarben wechseln.
Der Farbwechsler ist aktuell nur im Styleguide-sachsen.de-Projekt vorhanden. Über das Kachelmenü-Icon können Sie alle acht zur Verfügung stehenden Farbräume auswählen und sich alle Seiten im entsprechenden Farbschema anschauen.
Farben richtig anwenden
Das Grundlayout der Internetauftritte von »sachsen.de« wirkt aufgeräumt, klar strukturiert und verzichtet auf überflüssige Elemente. Schwerpunkte der Farbgestaltung bilden eine fein abgestimmte, auf leichten Tönen basierende Farbwelt.
Neben den definierten Farben steht eine Palette an unbunten Farben (Graustufen) zur Verfügung. Die Verwendung dieser Farbpalette ist ebenfalls definiert. Es sind keine weiteren Farben in den Webauftritten vorgesehen.
Die Gestaltungselemente sind zeitlos gestaltet. Schattierungen und Verläufe werden nicht bzw. sehr dezent eingesetzt. Die Weiterentwicklung des WebStyleguides sieht es nicht vor diese Effekte einzusetzen.
| Graustufen | ||||||
| Footer | #f6f6f6 | |||||
| Zitate | #666666 | |||||
| Schrift | #313131 | |||||
| Slider Footer | #f1f3f1 | |||||
