Um símbolo, quatro versões e um punhado de regras.
Anatomia, versões, lockups, espaço, fundos permitidos, coexistência e usos incorretos.
Como a forma é feita
Entender o desenho evita a maior parte dos erros de aplicação.
Dois volumes
Duas faces em perspectiva isométrica que se encaixam e formam um S.
Vão central
A folga entre os volumes é o que desenha a letra. Nunca a feche nem a aumente.
Cantos
Todos os vértices são arredondados com o mesmo raio.
Direção do gradiente
Blue no volume superior, Cyan no inferior — a luz vem de cima.
Construção
- Proporção
- 1 : 1 (quadrado óptico)
- Grade
- Isométrica, eixos a 30°
- Vão central
- ≈ 1/8 da altura do símbolo
- Raio dos cantos
- ≈ 1/16 da altura do símbolo
Medidas reconstruídas a partir do arquivo enviado, para orientar aplicações enquanto o vetor oficial não chega. Não substituem o arquivo. [CONFIRMAR]
Quatro arquivos, quatro contextos
Escolha pela cor do fundo, nunca pelo gosto da peça.
Principal
Símbolo no gradiente Blue → Cyan. Padrão sobre fundos claros e neutros.
Monocromática
SIGNE Navy sólido, para uma cor, impressos e documentos.
Negativa
Símbolo branco sobre Navy, fotos escuras ou o gradiente.
Sobre gradiente
Em peças com o gradiente de marca, use sempre a versão branca.
Arquivos em SVG e lockup oficial: [PENDENTE]
O símbolo acompanhado
Cinco arranjos oficiais. Fora destes, não componha nada novo.
SIGNEHorizontal
Cabeçalho de site, apresentação, documento e assinatura de e-mail.
Símbolo à esquerda de SIGNE, centro óptico alinhado, distância igual à largura do S.
SIGNEVertical
Formatos estreitos: avatar grande, capa quadrada, banner de evento.
Símbolo acima da palavra, centralizados, com meia altura do símbolo entre eles.
SIGNESistema de licitações eletrônicasCom descritor
Primeiro contato: capa de proposta, edital, material de imprensa.
O descritor vai abaixo da palavra, alinhado à esquerda dela, em corpo menor.
SIGNEum produto FIVETECHCom endosso
Peças do produto que precisam mostrar quem é a empresa.
“um produto FIVETECH” em texto, abaixo de uma linha fina — nunca com o logotipo.
Símbolo isolado
Favicon, avatar, ícone de app e marca d’água.
Só onde a marca já foi apresentada ou o contexto é inequívoco.
Avatar e ícone
No quadrado, o símbolo ocupa 60% da largura, centralizado, branco sobre Navy. O raio do contêiner acompanha o sistema: 16 px em cartão, total em avatar redondo.
Quanto ar, e até onde encolher
Área de proteção
A margem livre mínima em todos os lados equivale à metade da altura do símbolo (x/2). Nenhum elemento — texto, foto ou borda — pode invadir essa área.
Tamanhos de uso
- Favicon16–32 pxSó o símbolo. Sem o vão visível, use a versão Navy.
- Avatar de rede social96 px+Símbolo branco centralizado sobre Navy.
- Cabeçalho de interface28–32 pxLockup horizontal.
- Impresso10 mm de alturaAbaixo disso o vão central fecha.
Onde pode e onde não pode
A versão certa depende do fundo. Estes são os casos que aparecem no dia a dia.
Cloud
Combinação padrão do produto.
Branco
Documentos e impressos em quatro cores.
Navy
Capas, rodapés e avatares.
Gradiente
Só a versão branca — o símbolo colorido some.
Blue sólido
Aceita a versão branca; nunca a colorida.
Cyan sólido
Contraste insuficiente em qualquer versão. Troque o fundo.
Foto escura e uniforme
Só em área sem detalhe, com a área de proteção respeitada.
Foto com textura
Aplique sobre um bloco de cor sólida em vez da foto.
Coexistência
Em material de cliente, a marca dele vem primeiro; em material nosso, o SIGNE vem primeiro.
SIGNEMarca do parceiroRegra
Ao lado da marca de um cliente, parceiro ou órgão, iguale a altura óptica — não a altura da caixa. Separe com um filete vertical de 1 px em Cinza 200, com respiro igual dos dois lados.
Para a convivência com a marca da empresa, veja Arquitetura de marca.
Dez erros, mostrados
Cada exemplo abaixo está errado de propósito.
Não gire
O símbolo tem um único eixo de leitura.
Não estique
Escale proporcionalmente, nunca só na largura.
Não achate
Mesmo problema na altura: a perspectiva se desfaz.
Não recolora
Só gradiente Blue → Cyan, Navy sólido ou branco.
Sem sombra
Nada de relevo, brilho, bisel ou reflexo.
Sem contorno
O símbolo não recebe borda para “destacar”.
Não use sobre textura
Fundo com padrão ou foto agitada mata a leitura.
Não aplique sem contraste
Colorido sobre Cyan ou Blue desaparece.
Não mexa no vão
Fechar o vão central destrói a letra S.
Não enquadre
Sem caixa, círculo ou selo em volta — exceto o avatar definido acima.
O que ainda falta chegar
Arquivos vetoriais (SVG/EPS) das quatro versões.
Lockups oficiais: horizontal, vertical, com descritor e com endosso.
Medidas de construção confirmadas pelo vetor (vão, raio e ângulos).
Versão do símbolo para favicon em 16 px, se houver simplificação.