Direkt zu den Inhalten springen

Farbgestaltung

Die Farben einer Website sind nicht einfach nach Gefallen zusammengestellt, sondern bestehen aus einer vom Designer aufeinander abgestimmten Palette mit Primär- und Sekundärfarben.

Die Primärfarben spiegeln die wesentliche Farbwelt der Website, beispielsweise aus einem Logo abgeleitet, wieder. So bestehen markante Teile wie die Navigation oder Verlinkungen aus den Primärfarben und schaffen somit einen Bezug und hohen Wiedererkennungswert.

Die Sekundärfarben flankieren das Design mit einer von den Primärfarben abgeleiteten Subpalette. Die Sekundärfarben werden für einfach grafische Elemente wie Linien und Hintergründe, aber ebenso für Hervorhebungen besonderer Inhalte verwendet.

Farbtöne

Primärfarbe
(primary)
Sekundärfarbe
(secondary)
HG Website
(body-bg)
Schriftfarbe
(body-color)
Link-Farbe
(link-color)
Konturen, Linien
(border-color)
Weiss, HG Inhalte
(white)
Schwarz
(balck)

Grautöne

Grau 100
gray-100
Grau 200
gray-200
Grau 300
gray-300
Grau 400
gray-400
Grau 500
gray-500
Grau 600
gray-600
Grau 700
gray-700
Grau 800
gray-800
Grau 900
gray-900