Farben

Definierung der Farben und deren Abstufungen aus dem Corporate-Design

Primär

100
90
80
70
60
50
40
30
20
10
110
120
130
140
150
160
170
180
190
SW

Sekundär

100
90
80
70
60
50
40
30
20
10
110
120
130
140
150
160
170
180
190
SW

Schwarz

100
90
80
70
60
50
40
30
20
10

Success

100
90
80
70
60
50
40
30
20
10
110
120
130
140
150
160
170
180
190
SW

Danger

100
90
80
70
60
50
40
30
20
10
110
120
130
140
150
160
170
180
190
SW

Warning

100
90
80
70
60
50
40
30
20
10
110
120
130
140
150
160
170
180
190
SW

Hinweise

Durch die eindeutige Strukturierung und visuelle Unterscheidung der Überschriften, wird eine klare Seitenhierachy garantiert.
Es gilt zu beachten, dass auf jeder Seite nie mehr aber auch nie weniger als eine H1 sein darf und soll.
Die H1 sollte immer die wichtigsten Keywords enthalten.

Anwendung

Die überschriften sorgen für eine klare Strukturierung der Website und werden zur klaren definierung der einzelnen Bereiche der Website verwendet.

CSS Klassen

tc-primary-100
Setzten der Schriftfarbe. "TC" Steht für Text-Color. "Primary" kann mit den verschiedenen Farben ausgetauscht werden. Und "100" ist der jeweilige Farbwert in 10er Schritten
bg-primary-100
Setzten der Schriftfarbe. "BG" Steht für Background-Color. "Primary" kann mit den verschiedenen Farben ausgetauscht werden. Und "100" ist der jeweilige Farbwert in 10er Schritten

Styleguide

Home