CI - Manuel - Styling Guide
Fonts
Text in der Webseite
Font:
Zeilenhöhe:
Size Desktop:
Size Tablet:
Size Mobile:
Linkfarbe:
Linkhover:
Open Sans / 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 ProDidakt
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Normal
45 px
46 px
36 px
H2
Überschrift ProDidakt
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Normal
40 px
36 px
30 px
H3
Überschrift ProDidakt
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Normal
36 px
30 px
24 px
H4
Überschrift ProDidakt
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Normal
24 px
20 px
18 px
H5
Überschrift ProDidakt
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Normal
20 px
18 px
16 px
H6
Überschrift ProDidakt
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Verdana / Normal
18 px
16 px
14 px
Colors
CI Grün dunkel
#00975F
CI Grün hell
#59BC48
CI Grün dunkel
#556575
Weiß
#FFFFFF
Schwarz
#000000
helles grau (Hintergrund)
#F4F4F4
grün grau (Hintergrund)
#DFE7E4
Line Color
#DCDCDE
Button / Link
#59BC48
Link / Button Hover blau
#608EF7
BR
#E10613
GBR
#ED7102
KBR
#006EB7
EBR
#DA518E
SBV
#A42483
JAV
#004799
WA
#F7A600
ASA
#01798D
BEM
#239F36
AAS
#ACBB12
Buttons | Bilder | Form
Buttons
Font:
Size Desktop:
Size Tablet:
Size Mobile:
Abstand:
Eckenradius:
Verdana / 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:
Verdana / Normal
18 px
16 px
14 px
10px
20px
5 px