CI - Manuel - Styling Guide
Fonts
Text in der Webseite
Font:
Zeilenhöhe:
Size Desktop:
Size Tablet:
Size Mobile:
Linkfarbe:
Linkhover:
Lato / Regular
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 Schule im Kirchgarten
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Lato / Fett
40 px
36 px
30 px
H2
Überschrift Schule im Kirchgarten
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Lato / Fett
36 px
30 px
24 px
H3
Überschrift Schule im Kirchgarten
Font:
Size Desktop:
Size Tablet:
Size Mobile:
PlaywriteDELA-Regular
30 px
24 px
20 px
H4
Überschrift Schule im Kirchgarten
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Lato / Fett
24 px
20 px
18 px
H5
Überschrift Schule im Kirchgarten
Font:
Size Desktop:
Size Tablet:
Size Mobile:
PlaywriteDELA-Regular
24 px
20 px
16 px
H6
Überschrift Schule im Kirchgarten
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Fett
20 px
18 px
16 px
Colors
CI Blau
#7DA2E0
CI Grün
#A0E474
CI Text
#5A5A5A
Akzent
#CA1800
Weiß
#FFFFFF
Schwarz
#000000
Blau grau
#F4F4FF
Akzent
#CA1800
Buttons | Bilder | Form
Buttons
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Abstand:
Eckenradius:
Lato / Regular
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:
Lato Regular
18 px
16 px
14 px
10px
20px
5 px