Your Guide to Consistent Branding
Guía de Estilo
Grid System
La tabla de tamaños del sistema de cuadrícula
Ancho del dispositivo
Max Container Width
>= 1920px
1400
>= 1280px
1200
<1280px
100%
Sistema de Espaciado
Spacing - Desktop
- Top and Bottom Paddings for blocks - 130 px
- Paddings for the last section if there is a footer with CTA - 580 px
- Inside of Blocks (between headlines and inside a content block) - 50 px
Spacing - Tablet
- Top and Bottom Paddings for blocks - 80 px
- Padding for the last section if there is a footer with CTA - 490 px
- Inside of Blocks (between headlines and inside a content block) - 40px
Spacing - Mobile
- Padding tops and bottoms for blocks - 80 px
- Padding for the last section - 80 px
- Inside of blocks (between headlines and inside a content block) - 40 px
Color Palette
#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
Cuerpo
Cuerpo
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.
Small 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.
Medium 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.
