THE TABLE OF GRID SYSTEM SIZES
SPACING - DESKTOP
- Paddings Tops and Bottom for blocks - 130px
- Inside of Blocks (between headlines and inside a
content block) -70px
SPACING - TABLET
- Paddings Tops and Bottom for blocks - 80px
- Inside of Blocks (between headlines and inside a
content block) -60px
SPACING - MOBILE
- Paddings Tops and Bottom for blocks - 60px
- Inside of Blocks (between headlines and inside a
content block) -40px
#004ae2
#222222
#f7f7f7
#ffffff
HEADERS - DESKTOP
font-family: Poppins;
90px/1.1em;
48px/1.15em;
35px/1.2em;
25px/1.2em;
18px/1.55em;
14px/1.6em;
HEADERS - TABLET
font-family: Poppins;
70px/1.1em;
40px/1.15em;
30px/1.2em;
25px/1.2em;
18px/1.55em;
14px/1.6em;
HEADERS - MOBILE
font-family: Poppins;
40px/1.1em;
30px/1.15em;
26px/1.2em;
20px/1.2em;
16px/1.55em;
13px/1.6em;
BODY - DESKTOP
font-family: Poppins;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor et, efficitur vehicula ipsum.
14px/1.6em;
BODY - TABLET
font-family: Poppins;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor et, efficitur vehicula ipsum.
14px/1.6em;
BODY - MOBILE
font-family: Poppins;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor et, efficitur vehicula ipsum.
14px/1.6em;
LINKS - DESKTOP
LINKS - TABLET
LINKS - MOBILE