Pular para o conteúdo

Três ativos que nunca mudam. O resto é sistema.

O logo tem versão, respiro e redução definidos. Este guia define o resto: cor, tipografia, grade e os padrões visuais do produto, para que qualquer peça feita por qualquer agência ou fornecedor pareça inconfundivelmente da Asa.

Três ativos fixos
Símbolo da asa e wordmarkintocado
Vermelho #E80911 e Amarelo #FEC42Bintocado
BR Omny como família únicaintocado

São os três ativos de reconhecimento da marca. A proporção entre as cores muda de peça para peça; o logo, nunca. Se for preciso vetor, não vetorize a partir dos PNGs: baixe os originais abaixo.

Baixar Vetores Oficiais (.zip)
O que o sistema define
Escala tipográfica e hierarquia04
Proporção e função de cada cor03
Grade, densidade e respiro02
Ângulo e recorte proprietários01
Componentes com todos os estados06
Telas de produto e fluxo de reserva08
Cartela de cores e tipos para consulta10

Mesmo sistema. A única diferença é quem manda na superfície.

v3.1 e v3.2 são idênticas em escala, grade, geometria e componentes. Elas divergem em uma coisa só: a proporção de cor.

v3.1 · B2B
Superfície dominantevermelho 40%
Cor de açãoamarelo
Fundo claro#FFF2F2
Prova socialbloco amarelo

Reservada a materiais B2B: propostas de frota, contratos corporativos, apresentações comerciais. Nenhum produto digital usa esta variante.

v3.2 · B2C · canônica
Superfície dominanteamarelo 40%
Cor de açãovermelho 20%
Fundo claro#F4F4F3 (cinza mist)
Prova socialbloco preto

É a variante de todo produto voltado ao consumidor: site, mídia paga, WhatsApp, Instagram e perfil do Google. Também é a que corresponde à loja física real, que já é amarela.

Por que o amarelo domina
Vermelho em área cheia cansa

Usado como papel de parede, o vermelho perde exatamente a força que precisa ter quando marca um preço ou um botão. A 20%, ele mantém o peso de sinal.

Amarelo é a temperatura do atendimento

O balcão real da Asa é amarelo: parede, bancada, prateleira e uniforme. A v3.2 alinha o digital ao que o cliente encontra quando desembarca.

A assinatura não se perde

Uma peça sem nenhum vermelho perde a marca. Por isso sempre existe pelo menos um elemento vermelho: normalmente, o único botão de ação da composição.

O ângulo e o vão saem de dentro do próprio logo.

São os dois sinais que fazem uma imagem qualquer virar imagem da Asa, sem depender do logo estar presente. O ângulo é a inclinação da asa e do wordmark. O vão é o espaço entre as lâminas, e vira o corte que divide toda peça em dois campos.

O ângulo · 8°

Sempre subindo para a direita. É o único ângulo do sistema: recorte, divisória, seta, itálico. Nada a 45°, nada arredondado.

Valor8°
Direçãosobe à direita

Esse ângulo se mantém em 8° reais em qualquer proporção de imagem (quadrada, paisagem ou retrato), como mostra a demonstração abaixo.

O vão · dois campos

O corte carrega significado fixo, e inverter esse significado quebra o sistema mesmo com o ângulo certo.

Campo de cima (amarelo)o que a Asa promete
Campo de baixo (escuro/claro)o que o cliente recebe

Headline, benefício e promessa de tempo em cima. Preço, prova, condição e ação embaixo. A estrutura é a mesma em todas as proporções de peça. Campanha nova muda o conteúdo dos campos, nunca a estrutura.

Prova do ângulo · a mesma classe em três proporções
[ 1:1 ]
quadrado · 8,00°
[ 16:9 ]
paisagem · 8,00°
[ 4:5 ]
retrato · 8,00°

O ângulo é sempre exatamente 8°, independente do formato da imagem: quadrado, paisagem ou retrato. Esse rigor faz o recorte ser reconhecível como um sinal da marca.

Regra de aplicação

Nunca aplique o recorte sobre um botão, link ou campo de formulário: o canto cortado não pode levar junto nenhum elemento clicável ou texto importante. Em peças com um elemento interativo sobre a imagem, o corte fica só na camada decorativa de fundo, nunca no conteúdo.

Atenciosa, rápida e descomplicada.

Esses três pilares valem para qualquer texto que fale em nome da Asa, de um anúncio pago a uma legenda de Instagram. Valem para peças novas e para texto já pronto que volta para ajuste.

Atenciosa

Falar com quem está do outro lado, chamar pelo nome quando possível, demonstrar cuidado real. Sem cair no piegas e sem exagerar em emoji.

Rápida

Ir direto ao ponto, frases curtas. Sem soar seco, ríspido ou apressado com o cliente.

Descomplicada

Linguagem simples, sem jargão de contrato. Informal na medida: nunca a ponto de parecer amador.

Vocabulário · em vez de / use
Evite

"Prezado(a) cliente" · "Lamentamos o inconveniente" · "Locação de veículo automotor"

Use

"Oi, [Nome]!" · "Foi mal por isso, vamos resolver agora" · "Aluguel do seu carro"

Prova social é sempre bem-vinda no discurso: nota 4,7 no Google (+4.500 avaliações), 9,4/10 no Reclame Aqui, mais de 20 anos operando em Recife e Fortaleza. São números reais. Escreva o número na peça: "bem avaliada" sem o 4,7 vale pouco.

O 8° é do recorte e do trajeto. Nunca do elemento.

Nunca Texto com transform: rotate

A inclinação do texto já vem do itálico da própria BR Omny, o mesmo corte do wordmark. Girar o elemento por cima disso duplica a inclinação e desalinha a linha de base.

Nunca Bloco de cor girado

O ângulo entra pelo recorte da forma. A caixa em si nunca gira: um bloco girado deixa cantos vazados e quebra o alinhamento com a grade de 12 colunas.

Nunca Logo animado, girado ou remontado

O logo entra por opacidade em 200ms e permanece. Não gira, não se monta traço por traço, não pulsa, e nenhum traço dele pode ser alterado.

Sempre A asa sozinha em dois lugares só

Marca d'água a 13% de opacidade sobre amarelo, ou dentro do recorte circular do ícone de perfil. Fora isso, a assinatura é sempre o lockup completo.

Anterior← 00 · Início Próxima seção02 · Grid →