Typo3-Referenzen Farben
Auf der Website verwenden wir ausschließlich die Standardfarben Blau, Rot und verschiedene Graustufen. Falls notwendig, kann auch noch Hellblau
| Blau: |
| #191970 |
Blau wird in allen Überschriften und in fettgesetzten Textelementen verwendet: Überschrift 1Überschrift 2 |
| Rot: |
| #B22222 |
Weil Rot eine Warnfarbe mit starker Signalwirkung ist, sollte es auch entsprechend mit Vorsicht gewählt werden. Rot wird auf der Website für kleinere Schmuckelemente verwendet, wie z. B. die Kästchen vor der Überschrift 2, Kategoriebezeichnungen bei Pressemitteilungen und Aktuelles-Meldungen, das Newsletter-Overlay auf der Akademie-Seite oder der Pfeil "nach oben" am Ende jeder Seite. In Ausnahmefällen können auch fettgesetzte Textteile in Rot eingefärbt werden, wenn damit auf einer Seite einer sehr wichtige Info herausstechen soll.
|
| Dunkelgrau: |
| #4D4D4D |
Dunkelgrau ist die Farbe der Standardschrift auf der Website. Es wird außerdem vollflächig im Footer-Bereich der Website als Hintergrundfarbe verwendet, um diesen Bereich vom Rest der Seite abzuheben.
|
| Mittelgrau: |
| #999999 |
Mittelgrau ist die Hintergrundfarbe des HÄBL-Bandes auf der Startseite. Es wird außerdem für Standard-Buttons eingesetzt. Siehe Infos zu Buttons am Ende dieser Seite.
|
| Hellgrau: |
| #E6E6E6 |
Hellgrau ist die Standard-Hintergrundfarbe von Teaserboxen, die grau hinterlegt sind, um stärker aufzufallen als die Standard-Teaserboxen mit weißem Hintergrund und Umrandung.
|
| Hellblau: |
| #DBD8E4 |
Hellblau wird aktuell auf der Website nicht verwendet, dafür aber häufig in Printpublikationen der LÄKH. Falls Bedarf an einer weiteren Schmuckfarbe besteht, kann diese auch auf der Website angewendet werden.
|
Buttons:
Die Farben Rot, Blau und Grau finden auch bei den Buttons Verwendung:
In diesen Beispielbuttons ist vermerkt, welches Design man in Typo3 beim Anlegen des Buttons auswählen muss (default, primary, Rot).
Je nachdem wie auffällig ein Button sein soll, wird die Farbe gewählt. Auf Seiten, die viele Buttons enthalten, wird standardmäßig das Mittelgrau #999999 verwendet. Wenn Buttons stark herausstechen und auffallen sollen, wird je nach Bedarf Blau oder Rot eingesetzt.
Links:
Links sind standardmäßig in derselben Farbe eingestellt wie der restliche Fließtext, aber unterstrichen, um sie eindeutig als Links hervorzuheben.
Beim Überfahren des Links mit der Maus (MouseOver oder Hover) färbt sich der Link rot ein.