A marca Conecta
O logo atual continua reconhecível: CONECTA pesado em vermelho, as trilhas de circuito acima das letras e o O com o ícone dourado. O que mudou foi o acabamento, para ele funcionar no celular, no cabeçalho do site e sobre fundo vermelho.
Animação
A corrente sai do O, corre pelas trilhas acendendo as letras e os nós, e a assinatura entra por último. Toca uma vez a cada carregamento de página. A versão de cabeçalho dura cerca de 1 segundo e a completa, cerca de 2. Com a opção de movimento reduzido do aparelho ligada, o logo aparece já pronto.
Duas assinaturas, dois fundos
A marca-mãe usa a assinatura Comércio e a vitrine da cidade usa Promissão. O resto do desenho é o mesmo. No fundo vermelho, as letras e a trilha vermelha ficam brancas; o dourado não muda.
Conecta Comércio: a marca-mãe, usada na landing
Conecta Promissão: a vitrine da cidade
Símbolo
O O com o botão de ligar, em quadrado. É o ícone da aba do navegador (16, 32 e 48 px), da tela inicial do celular (180 px) e de qualquer lugar onde o logo completo não cabe. O anel branco é mais fino que o do logo e a abertura do botão é maior, para continuar legível pequeno.
- 128 px
- 64 px
- 48 px
- 32 px
- 24 px
- 16 px
Indicador de carregamento
Derivado do símbolo: o anel se fecha e a haste acende, em ciclo. Para estados de espera.
Cores
Três cores fazem o logo: o vermelho escuro das letras, o vermelho vivo da trilha e o amarelo da outra trilha e do ícone. As demais sustentam o site. A faixa abaixo mostra a proporção de uso.
- Vermelho fachada
- #991B1BLetras e assinatura do logo, faixa do topo e rodapé.
- Vermelho cartaz
- #E1261BTrilhas vermelhas do logo e botões de ação.
- Amarelo etiqueta
- #EBAD0ATrilhas douradas e o botão de ligar do O. No site, preço e nota.
- Vinho
- #5C1010Sombra dura dos botões e hover do vermelho escuro.
- Tinta
- #2B1111Texto principal.
- Cal
- #FFFFFFFundo. Sobre o vermelho, vira a cor das letras do logo.
Em tamanho real
No cabeçalho do site o logo tem de 44 a 56 px de altura, e a assinatura continua legível. A largura mínima da marca completa é 120 px. Em volta do logo, deixe uma folga de pelo menos metade da altura das letras de CONECTA.
Do logo atual à evolução
A evolução mantém o que já era da marca e refaz o acabamento. O logo atual tem relevo, sombra e brilho, o que pesa em arquivo e se perde pequeno; a versão nova é chapada e funciona de 16 px a uma fachada.
Mantido
- CONECTA inteiro em vermelho escuro, pesado, com o C e o O arredondados e encaixados.
- As trilhas de circuito em degraus, vermelhas e douradas, com nó na ponta, e a trilha dourada comprida sobre NECTA.
- O ícone dourado dentro do O.
- O nome da cidade embaixo, em letras grandes, do O até o A.
Limpo
- Sem relevo, sombra, brilho nem fundo quadriculado: desenho chapado, em vetor.
- C e O refeitos na mesma curva, com o O encaixado na boca do C e espaço igual entre as letras.
- O ícone virou o botão de ligar, que se lê melhor pequeno.
- Trilhas mais grossas, em quatro alturas e sem cruzamento, para não sumirem no cabeçalho.
- Assinatura na fonte do site, grande e alinhada ao desenho. Versões para fundo claro e fundo vermelho.