MARCA
Landing Pages
As landing pages devem obedecer às seguintes diretrizes:
Cores
As cores apresentadas devem ser usadas em articulação com a cor principal da temática da landing page.
Cor Título
Hex
#1a1a1a
RGB
26 | 26 | 26
Cinza
Hex
#F4F4F4
RGB
244 | 244 | 244
Cor Texto
Hex
#4a4a4a
RGB
74 | 74 | 74
Tipografia
O tipo de letra utilizado deve ser a Poppins.
Computador
H1 – 45px | Peso: 700 | 56px altura da linha
H2 – 30px | Peso: 600 | 37px altura da linha
Subheader – 18px | Peso: 400 | 30px altura da linha
Texto – 14px | Peso: 400 | 25px altura da linha
Icon Title – 18px | Peso: 600 | 29px altura da linha
Icon Text – 16px | Peso: 400 | 27px altura da linha
Icon Title Alone – 18px | Peso: 400 | 29px altura da linha
Footer – 12px | Peso: 400 | 20px altura da linha
H1
H2
Subheader
Texto
Icon Title
Icon Text
Icon Title Alone
Footer
45px | Peso: 700 | 56px altura da linha
30px | Peso: 600 | 37px altura da linha
18px | Peso: 400 | 30px altura da linha
14px | Peso: 400 | 25px altura da linha
18px | Peso: 600 | 29px altura da linha
16px | Peso: 400 | 27px altura da linha
18px | Peso: 400 | 29px altura da linha
12px | Peso: 400 | 20px altura da linha
Mobile
H1 – 38px | Peso: 700 | 44px altura da linha
H2 – 24px | Peso: 600 | 31px altura da linha
Subheader – 14px | Peso: 400 | 21px altura da linha
Texto – 14px | Peso: 400 | 25px altura da linha
Icon Title – 18px | Peso: 600 | 28px altura da linha
Icon Text – 16px | Peso: 400 | 27px altura da linha
Icon Title Alone – 18px | Peso: 400 | 29px altura da linha
Footer – 10px | Peso: 400 | 18px altura da linha
H1
H2
Subheader
Texto
Icon Title
Icon Text
Icon Title Alone
Footer
38px | Peso: 700 | 44px altura da linha
24px | Peso: 600 | 31px altura da linha
14px | Peso: 400 | 21px altura da linha
14px | Peso: 400 | 25px altura da linha
18px | Peso: 600 | 28px altura da linha
16px | Peso: 400 | 27px altura da linha
18px | Peso: 400 | 29px altura da linha
10px | Peso: 400 | 18px altura da linha
Secções & Espaçamento
As secções/container devem ter uma largura de 1140px ou de 900px.
Padding Secções/Container
80px top e bottom
20px laterais
60px top e bottom (usado quando o fundo do container é uma imagem ou tem cor)
20px laterais
Padding entre Colunas
24px direita
12px direita e esquerda
24px esquerda
Padding entre Widgets
20px
40px
60px
Botão
Padding de 10px inferior e superior e 35px nas laterais;
Texto – 16px | Peso: 500 | 27px altura de linha | 0.4 espaçamento da letra
Página Anterior
E-mail Marketing