THE TABLE OF GRID SYSTEM SIZES
SPACING - DESKTOP
- Paddings Tops and Bottom for blocks - 200px
- Inside of Blocks (between headlines and inside a
content block) - 80px
SPACING - TABLET
- Paddings Tops and Bottom for blocks - 150px
- Inside of Blocks (between headlines and inside a
content block) - 60px
SPACING - MOBILE
- Paddings Tops and Bottom for blocks - 100px
- Inside of Blocks (between headlines and inside a
content block) - 40px
PRIMARY
#111
#f4f
#fff
HEADERS - DESKTOP
font-family: Poppins;
90px/1.3;
48px/1.4;
36px/1.5;
28px/1.3;
20px/1.7;
18px/1.5;
HEADERS - TABLET
font-family: Poppins;
90px/1.3;
40px/1.4;
30px/1.3;
24px/1.3;
20px/1.7;
18px/1.5;
HEADERS - MOBILE
font-family: Poppins;
50px/1.3;
34px/1.4;
30px/1.3;
24px/1.3;
20px/1.7;
18px/1.5;
BODY - DESKTOP
font-family: Poppins;
Paragraph
15px/1.9;
BODY - TABLET
font-family: Poppins;
Paragraph
15px/1.9;
BODY - MOBILE
font-family: Poppins;
Paragraph
15px/1.9;
LINKS - DESKTOP
LINKS - TABLET
LINKS - MOBILE