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) -60px
SPACING - TABLET
- Paddings Tops and Bottom for blocks - 100px
- 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
PRIMARY
#ff3f39
#121c45
rgba(19,28,33,0.6)
SECONDARY
#ebebeb
#ffffff
HEADERS - DESKTOP
font-family: Poppins;
80px/90px;
45px/54px;
35px/42px;
25px/32px;
18px/28px;
13px/22px;
HEADERS - TABLET
font-family: Poppins;
65px/73px;
45px/54px;
35px/42px;
25px/32px;
18px/28px;
13px/22px;
HEADERS - MOBILE
font-family: Poppins;
45px/55px;
35px/44px;
25px/35px;
20px/32px;
18px/28px;
13px/22px;
BODY - DESKTOP
font-family: Poppins;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor et, efficitur vehicula ipsum.
15px/1.7em;
BODY - TABLET
font-family: Poppins;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor et, efficitur vehicula ipsum.
15px/1.7em;
BODY - MOBILE
font-family: Poppins;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor et, efficitur vehicula ipsum.
15px/1.7em;
LINKS - DESKTOP
LINKS - TABLET
LINKS - MOBILE
LIST - DIST
LIST - DECIMAL
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
.png)
.png)