Direkt zu den Inhalten springen
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.


Farbpalette

Primärfarbe
(primary)
Primärfarbe dunkel
(primary-dark)
Sekundärfarbe
(secondary)
Sekundärfarbe dunkel
(secondary-dark)
Sekundärfarbe 2
(secondary-2)
Sekundärfarbe 2 dunkel
(secondary-2-dark)
Weiss
(white)
Schwarz
(balck)

Grautöne

Grau 100
(gray-100, super-light)
Grau 200
(gray-200)
Grau 300
(gray-300, light)
Grau 400
(gray-400)
Grau 500
(gray-500)
Grau 600
(gray-600, gray)
Grau 700
(gray-700)
Grau 800
(gray-800, dark)
Grau 900
(gray-900)

Hinweisfarben

Information
(info)
Valide
(success)
.
Warnung
(warning)
Fehler
(danger)

Funktionsfarben

Website HG
(body-bg)
Schriftfarbe
(body-color)
Konturen, Linien
(border-color)

Farbverläufe

Primärfarbe
(gradient-primary)
Sekundärfarbe
(gradient-secondary)
Sekundärfarbe 2
(gradient-secondary-2)

Termin vereinbaren

Jetzt Ihren Termin einfach und schnell online anfordern!

Termin anfragen

Sie möchten sich impfen lassen? Laden Sie hier die offiziellen Dokumente des Robert-Koch-Institutes herunter:


Zur Einwilligung

Zum Aufklärungsbogen