FARBEN
PRIMÄRFARBEN
Die Farning-Primärfarben bilden die Grundlage des gesamten visuellen Auftritts. Navy ist die dominante Markenfarbe, Teal wird als ergänzende Hauptfarbe eingesetzt.
Navy
#222D58
RGB: 34 | 45 | 88
Teal
#005A84
RGB: 0 | 90 | 132
Weiß
#FFFFFF
RGB: 255 | 255 | 255
Schwarz
#000000
RGB: 0 | 0 | 0
AKZENTFARBEN
Die Akzentfarben ergänzen die Primärfarben und schaffen ein lebendiges, vielfältiges Erscheinungsbild. Sie werden für Sektionen, Buttons, Tags und grafische Elemente eingesetzt.
| Farbe | # | RGB | Einsatz |
|
Sky
|
#4ABAEE | 74 | 186 | 238 | Sky – Über uns |
|
Hellblau
|
#87BBE6 | 135 | 187 | 230 | Hellblau – Programmierung, Deko-Elemente |
|
Cyan
|
#1AADC8 | 26 | 173 | 200 | Cyan |
|
Green
|
#44A880 | 69 | 168 | 128 | Green |
|
Lime
|
#CDD600 | 205 | 214 | 0 | Lime – Standorte, Outline-Buttons |
|
Orange
|
#FEA410 | 255 | 163 | 15 | Orange – Projekte, Ablauf/FAQ, Footer-CTA |
|
Violet
|
#AA9DCB | 170 | 157 | 203 | Violet |
UI-GRAUTÖNE
Die Grautöne werden für Hintergründe, grafische Elemente, Buttons und sekundäre Texte eingesetzt.
| Farbe | # | RGB | Einsatz |
|
#F5F5F5
|
#F5F5F5 | 245 | 245 | 245 | Hintergrund |
|
#C7CAD2
|
#C7CAD2 | 199 | 201 | 209 | Grafische Elemente |
|
#E6E8EC
|
#E6E8EC | 230 | 232 | 237 | Button-Hintergrund |
|
#777E90
|
#777E90 | 120 | 125 | 143 | Sekundärer Text |
|
#919191
|
#919191 | 145 | 145 | 145 | Footer (alternativ) |
VERLAUF (GRADIENT)
Der Farning-Gradient wird für CTA-Buttons, Feature-Badges und Tags eingesetzt. Er verbindet die Akzentfarben zu einem harmonischen Farbverlauf.
<code>background: linear-gradient(90deg, #87BBE6, #48B593, #27B9D1, #65C4F0, #BDAED4);</code>
Gradient: #87BBE6 → #48B593 → #27B9D1 → #65C4F0 → #BDAED4
Einsatz: CTA-Buttons, Feature-Badges, Tags
SEKTIONSFARBEN
Jede inhaltliche Sektion der Farning-Website hat eine eigene Farbzuordnung. Diese Farben werden für Outline-Buttons, Trennlinien und Akzente innerhalb der jeweiligen Sektion eingesetzt.
| Sektion | Farbe | HEX |
| Programmierung |
#6DAEE1
|
#6DAEE1 |
| Über uns |
#4ABAEE
|
#4ABAEE |
| Projekte |
#FEA410
|
#FEA410 |
| Standorte |
#FEA410 + #CDD600
|
#FEA410 + #CDD600 |
| Ablauf / FAQ |
#FEA410
|
#FEA410 |
| CTA |
Gradient
|
Gradient |
HINTERGRUND-WECHSEL
Sektionen wechseln zwischen drei Hintergrundfarben, um visuelle Tiefe und Struktur zu erzeugen.
Navy
#222D58
Teal
#005A84
Weiß
#FFFFFF