CI - Manuel - Styling Guide
Fonts
Text in der Webseite
Font:
Zeilenhöhe:
Size Desktop:
Size Tablet:
Size Mobile:
Linkfarbe:
Linkhover:
Robotoflex / Normal
1.8 rem
18 px
16 px
14 px
#59BC48
#608EF7
Text auf weiß
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text link ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Text auf hellem grau
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text link ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
H1
Überschrift H1
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Maven Pro / Normal
45 px
46 px
36 px
H2
Überschrift H2
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Maven Pro / Normal
46 px
40 px
30 px
H3
Überschrift H3
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Maven Pro / Normal
36 px
30 px
24 px
H4
Überschrift H4
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Maven Pro / Normal
24 px
20 px
18 px
H5
Überschrift H5
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Maven Pro / Normal
20 px
18 px
16 px
H6
Überschrift H6
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Maven Pro / Normal
18 px
16 px
14 px
Colors
Primär
#FE7219
Secundär
#13405E
Text
#444444
Accent / Weiß
#FFFFFF
Foxred
#F96742
helles grau (Hintergrund)
#F4F4F4
Button / Link
#FE7219
Link / Button Hover blau
#13405E
Buttons | Bilder | Form
Buttons
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Abstand:
Eckenradius:
Maven Pro / Normal
18 px
16 px
14 px
12px 15px 12px 15px
5 px
Bilder & Videos
Eckenradius:
15 px
Formulare
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Spaltenabstand:
Zeilenabstand:
Eckenradius:
Robotoflex / Normal
18 px
16 px
14 px
10px
20px
5 px
