Identidade visual · v1.0 · 2026
Diretrizes de aplicação da marca DriveVitrine para lojistas de veículos, parceiros e imprensa. O guia essencial para usar o logotipo, as cores e a tipografia com consistência.
01 — O logotipo
O logotipo horizontal é a assinatura oficial. Combina o símbolo, a dianteira estilizada de um veículo, com o wordmark, e é a versão preferencial sempre que houver espaço.
A grade frontal do veículo em linhas geométricas. Pode ser usado sozinho como ícone de app, favicon ou avatar.
"drive" em Montserrat Medium e "vitrine.com.br" em Light. O contraste de peso cria hierarquia sem separar as palavras.
drivevitrine.com.br
02 — Versões
Sobre fundos claros, use a versão em azul #16314C. Sobre fundos escuros ou fotografias, use exclusivamente a versão em branco. Todas têm fundo transparente.
Positivo, para fundo claro
Negativo, para fundo escuro ou fotografia
03 — Respiro
Mantenha sempre uma margem livre ao redor do logotipo, sem outros elementos, textos ou bordas. A medida de referência é a altura do símbolo, chamada de X.
Margem livre igual a ½ X em todos os lados, onde X é a altura do símbolo.
Abaixo desses tamanhos o wordmark perde legibilidade, principalmente em impressão.
04 — Usos incorretos
A consistência protege a marca. Evite qualquer alteração que comprometa a legibilidade ou descaracterize o logotipo.
05 — Cores
O azul profundo transmite confiança e profissionalismo; o branco garante clareza e respiro. Um cinza neutro apoia interfaces e textos secundários.
Azul DriveVitrine
#16314CRGB 22 · 49 · 76
Cor principal: logotipo, títulos e botões.
Branco
#FFFFFFRGB 255 · 255 · 255
Cor secundária: fundos e espaços negativos.
Cinza texto
#47535ERGB 71 · 83 · 94
Texto corrido e legendas.
Cinza médio
#9AA4AERGB 154 · 164 · 174
Texto de apoio, ícones inativos e bordas.
Cinza claro
#EEF0F2RGB 238 · 240 · 242
Fundos de seção e divisores.
06 — Tipografia
Fonte geométrica de código aberto, do Google Fonts. A alta legibilidade em telas, mesmo sob luz forte e em tamanhos pequenos, a torna ideal para o lojista usando o sistema no pátio da loja.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890
Ag
Light 300
Sufixo ".com.br" e textos leves.
Ag
Medium 500
Palavra "drivevitrine" e destaques.
Ag
Bold 700
Títulos e chamadas.
| Degrau | Tamanho | Peso | Uso |
|---|---|---|---|
| Display | 3.5rem | 700 | Título principal da home. |
| Título 1 | 2.25rem | 700 | Título de página. |
| Título 2 | 1.875rem | 700 | Título de seção. |
| Título 3 | 1.125rem | 700 | Título de cartão. |
| Corpo grande | 1.125rem | 300 | Texto de apoio do título. |
| Corpo | 1rem | 400 | Texto corrido. |
| Apoio | 0.875rem | 400 | Legenda, rótulo e tabela. |
| Miúdo | 0.75rem | 500 | Selo, contador e nota de rodapé. |
07 — Grade e forma
Todo espaçamento é múltiplo de 4 pixels. Valor fora da escala desalinha a grade e aparece como desleixo, mesmo que ninguém saiba dizer por quê.
pequeno
0.5rem
medio
0.75rem
grande
1rem
cartao
1rem
bloco
1.5rem
08 — Tom de voz
Depois da cor, o texto é o que mais aparece no produto. Falamos com dono de loja de veículos, não com programador.
Sua loja está fora do Google porque o robots.txt bloqueia tudo.
Configuração de indexação subótima detectada no arquivo de diretivas.
Senha atual incorreta. Tente de novo ou use "esqueci a senha".
Erro de autenticação.
O conteúdo principal demora 3,1s para aparecer no celular.
LCP de 3100ms acima do threshold recomendado.
Deixamos o site pronto para ser indexado. Quando aparece depende do Google.
Garantimos a primeira página do Google.
Use sempre estes arquivos. Recriar o logotipo à mão, mesmo com a fonte certa, produz uma versão diferente da oficial.
Dúvida sobre uma aplicação específica? Escreva para [email protected].
