Designelemente

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%)

Fließtext

Roboto, 20px, HEX: #7A7A7A, RGB: rgb(122,122,122), HSL: hsl(0,0%,48%)

Verlinkung

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%)

Designelemente

Trennlinie, Breite 4px, HEX: #EB1560, RGB: rgb(235,21,96), HSL: hsl(339,84%,50%)

Button, Schriftfarbe Weiß, Größe unterschiedlich, Farbe Blue #1, Akzent #1 on Hover

Icon, Schriftfarbe Blue #1, Größe unterschiedlich

Du vermisst einen
Cookie-Hinweis?

Die Seite verwendet nur essenzielle, also technisch notwendige Cookies,  für die laut Datenschutzgrundverordnung kein Einverständnis benötigt wird. Es werden keine Cookies von Drittanbietern verwendet und auch keine Daten an Dritte weitergegeben.