Your Guide to Consistent Branding
Style Guide
Grid System
The table of grid system sizes
Device Width
Max Container Width
≥ 1920px
1400
≥ 1280px
1200
<1280px
100%
Spacing System
Spacing - Desktop
- Paddings Tops and Bottom for blocks - 130 px
- Paddings for the last section if there is footer with CTA - 580 px
- Inside of Blocks (between headlines and inside a content block) - 50px
Spacing - Tablet
- Paddings Tops and Bottom for blocks - 80 px
- Paddings for the last section if there is footer with CTA - 490 px
- Inside of Blocks (between headlines and inside a content block) - 40px
Spacing - Mobile
- Paddings Tops and Bottom for blocks - 80 px
- Paddings for the last section - 80 px
- Inside of Blocks (between headlines and inside a content block) - 40px
Color Pallete
#EE4E34
#2E2F2F
#FFFFFF
#FAFAFA
#7B7B7C
Typography
Headings - Desktop
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Headings - Tablet
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Headings - Mobile
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Links
Body
Body
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.
Body Small
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.
Body Medium
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.
