Fonts
H1 Überschrift
Roboto, 60px, Schriftschnitt: 600 Semi-Bold, HEX: #000000, RGB: rgb(0,0,0), HSL: hsl(0,0%,0%)
H2 Überschrift
Roboto, 36px, Großbuchstaben, HEX: #000000, RGB: rgb(0,0,0), HSL: hsl(0,0%,0%)
H3 Überschrift
Roboto, 28px, HEX: #000000, RGB: rgb(0,0,0), HSL: hsl(0,0%,0%)
H4 Überschrift
Roboto, 22px, Großbuchstaben, HEX: #000000, RGB: rgb(0,0,0), HSL: hsl(0,0%,0%)
H5 Sub-Headline
Roboto, 22px, HEX: #EB1560, RGB: rgb(235,21,96), HSL: hsl(339,84%,50%)
H6 Akzentschrift, Bildunterschriften
Roboto, 16px, HEX: #EB1560, RGB: rgb(235,21,96), HSL: hsl(339,84%,50%)
Roboto, 20px, HEX: #7A7A7A, RGB: rgb(122,122,122), HSL: hsl(0,0%,48%)
Roboto, 20px, HEX: #3461AB, RGB: rgb(52,97,171), HSL: hsl(217,53%,44%)
Farben
Black
Verwendung in Überschriften
HEX: #000000, RGB: rgb(0,0,0), HSL: hsl(0,0%,0%)
Grey #1
Verwendung für Fließtext
HEX: #7A7A7A, RGB: rgb(122,122,122), HSL: hsl(0,0%,48%)
Grey #2
Verwendung für flächige Hintergründe
HEX: #F4F4F4, RGB: rgb(244,244,244), HSL: hsl(0,0%,96%)
Blue #1
Verwendung für Icons, Button-Hintergrund etc.
HEX: #3461AB, RGB: rgb(52,97,171), HSL: hsl(217,53%,44%)
Blue #2
Verwendung für flächige Hintergründe
HEX: #5E8EC9, RGB: rgb(94,142,201), HSL: hsl(213,50%,58%)
Akzent #1
Verwendung für Button-Hintergründe Mouseover, versch. Stielelemente
HEX: #EB1560, RGB: rgb(235,21,96), HSL: hsl(339,84%,50%)