O logo, as duas cores e a família tipográfica são ativos de marca: ficam como estão. Tudo o resto, da escala tipográfica aos tokens, é decisão de sistema, e está documentado aqui. É isso que faz duas peças da Asa feitas por pessoas diferentes se parecerem.
São os três ativos de reconhecimento da marca. Inverter a proporção entre as cores não mexe em um traço do logo. Se for preciso vetor, não vetorize a partir dos PNGs: baixe os originais abaixo.
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. É por isso que trocar de variante, na implementação, significa trocar a camada semântica de tokens, e nenhum componente.
Reservada a materiais B2B: propostas de frota, contratos corporativos, apresentações comerciais. Nenhum produto digital usa esta variante.
É 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.
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.
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.
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.
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, que vira o corte que divide toda peça em dois campos.
Sempre subindo para a direita. É o único ângulo do sistema: recorte, divisória, seta, itálico. Nada a 45°, nada arredondado.
A subida é medida em unidade de largura, não de altura. É o que garante 8° reais em qualquer proporção de caixa; a demonstração está logo abaixo.
O corte não é decorativo. Ele carrega significado fixo, e inverter esse significado quebra o sistema mesmo com o ângulo certo.
Headline, benefício e promessa de tempo em cima. Preço, prova, condição e ação embaixo. É a mesma estrutura em todas as proporções de peça: é template, e não pede arte nova por campanha.
Nas três, a mesma classe .asa-cut__media. Se a subida fosse uma porcentagem de altura, o quadrado cortaria a 8°, a paisagem a 4,5° e o retrato a 11°, e ninguém conseguiria auditar isso a olho.
Regra dura: nunca aplique o recorte num container que tenha botão, link ou campo dentro. O triângulo removido leva junto o conteúdo e o anel de foco. Quando o bloco é interativo, o corte vai em .asa-cut__fill e o conteúdo passa por cima, intacto.
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.
O ângulo entra pelo recorte da forma. Um bloco girado deixa cantos vazados e quebra o alinhamento com a grade de 12 colunas.
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.
Marca d'água a 13% de opacidade sobre amarelo, ou dentro do recorte circular do ícone de perfil. A marca d'água aparece uma vez por página, no hero: repetida no CTA final ela vira papel de parede. Fora isso, a assinatura é sempre o lockup completo.