Brand

Identidade

Cores

Em toda peça e toda tela da AvvanTI. Use só as cores desta paleta.

Azul#0466C8
Ação principal, links, grandes campos de marca
Grafite#212529
Texto e superfícies escuras
Cinza#656D75
Texto de apoio
Névoa#CED4DA
Bordas, inativos
Papel#F8F9FA
Superfície clara
Ciano#29ABE2
Só o pequeno: o "Ti", foco, destaque

O tamanho de cada bloco é o peso da cor na marca: azul e grafite carregam, ciano só pontua.

Não. Gradiente entre ciano e azul, em qualquer ângulo.

Sim. Cor sólida, com o ciano só como faísca.

Especificação

A marca tem dois azuis e quatro neutros. Ciano é a faísca; azul é a âncora.

Comportamento

  • Texto sobre fundo precisa de 4,5:1 (3:1 a partir de 24px, ícones e anel de foco).
  • No escuro, link usa azul-300: o azul da marca reprova como texto sobre fundo escuro (3,08:1). Como fundo de botão com texto branco ele passa (5,6:1) e continua igual.
  • Use atenção em ícone, borda ou fundo de badge com texto #212529.

Faça

  • Cores sólidas. Uma faixa inteira de azul é bem-vinda.
  • Ciano só no que é pequeno: o "Ti", foco, destaque pontual.
  • Azul para CTA, link e grandes campos de marca.
  • Status sempre com texto ou ícone junto da cor (nunca só a cor).

Não faça

  • Gradiente entre ciano e azul. Nenhum ângulo, nenhuma intensidade.

  • Ciano e azul na mesma intensidade lado a lado.

  • Cor fora da paleta oficial, nem um tom parecido.

  • Glow, neon, sombra colorida.