Responsive Style Guide CI Impulskraft

Logos

Kinderland Bildungsinstitut Impulskraft Logo

Logo horizontal

Logo vertical

Kinderland Bildungsinstitut Impulskraft

Logo als Icon & Favicon

Farben

Hintergründe

Berry:
#ab4a66

Grape:
#f1a6c2

Tangerine:
#f7a749

Peach:
#eea16a

Aubergine:
#6b2c36

Farben

Texte

Fliesstext:
#2b2b2b

Fliesstext:
#ffffff

Highlight Pink:
#d6457f

Highlight Yellow:
#fecc13

Schriften

Headline H1

AaBbCcDdEe

Sizes responsive:
(Auto/Screensize)
Default: 40 px
Medium: 38 px
Small: 36 px
Xsmal: 34 px

Headline H2

AaBbCcDdEe

Sizes responsive:
(Auto/Screensize)
Default: 30 px
Medium: 28 px
Small: 26 px
Xsmal: 24 px

Headline H3

AaBbCcDdEe

Sizes responsive:
(Auto/Screensize)
Default: 24 px
Medium: 22 px
Small: 21 px
Xsmal: 20 px

Headline H4

AaBbCcDdEe

Sizes responsive:
(Auto/Screensize)
Default: 18 px
Medium: 18 px
Small: 18 px
Xsmal: 18 px

Schriftart: Trebuchet MS (System Font) – [To be discussed: Skandia im INDD ist ein Adobe font]

Schriftgröße im Fliesstext responsive (Automatisch je nach Bidlschirmgröße):

Default: 20px | Medium: 18px | Small: 17px | Xsmall: 16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Text Strong: Strong Text im Satz | Text Bold: Fetter Text im Satz | Link: Ein Link im Satz