Directrizes de branding da Jumpeller
Logo
Utilizações corretas do logo
Cores
#A6C544
#080808
#FFFFFF
#071E3F
Utilizações incorrectas do logo
Tipografia
A tipografia que utilizamos em toda a landing page é Proxima Nova.
Estilos de tipos de letra
<h1>- font-size: 40px;
- color: #333;
- line-height: 1.3em;
- letter-spacing: 1px;
- font-weight: 800;
- margin: 20px 0;
<h2>- font-size: 30px;
- color: #333;
- line-height: 1.3em;
- font-weight: 500;
- margin: 20px 0 0 0;
<h3>- font-size: 26px;
- color: #333;
- line-height: 1.5em;
- font-weight: 500;
- margin: 20px 0 15px 0;
<h4>- font-size: 22px;
- color: #333;
- line-height: 1.5em;
- font-weight: 400;
- margin: 20px 0 15px 0;
<h5>- font-size: 20px;
- color: #333;
- line-height: 1.3em;
- font-weight: 600;
- margin: 20px 0 15px 0;
<h6>- font-size: 18px;
- color: #333;
- line-height: 1.3em;
- font-weight: 500;
- margin: 20px 0 15px 0;
-
<p>(general) - font-size: 16px;
- color: #555555;
- line-height: 1.8em;
- font-weight: normal;
- margin-bottom: 10px;
-
<p>(landings) - font-size: 18px;
- color: #4a4a4a;
- line-height: 1.8em;
- font-weight: 200;
- margin-bottom: 10px;
Links
a-
color: #0077e2;
- text-decoration: none;
a:hover-
color: #0077e2;
- text-decoration: underline;
a:active-
color: #ff0000;
- text-decoration: underline;
a:visited-
color: #541d9e;
- text-decoration: none;
Formulários de subscrição
O estilo do formulário de subscrição deve ser como estes estilos:
- Botão dentro do input
- Botão plano com o verde corporativo #a6c544 e o texto 'Comece Agora' em maiúsculas.
- O texto do botão deve ser branco (#FFFFFF) e em maiúsculas.
- Cor da margem sólida do campo de input 2px #d6d6d6.
- O texto para este campo muda na versão mobile, por causa do espaço.
Versão desktop
Versão mobile
Comece a vender connosco!
Experimente grátis durante 14 dias. Não é necessário cartão de crédito.