Principal
Com a assinatura. Padrão para site, documentos, apresentações, propostas e materiais impressos.
Início / Manual da marca
Manual da marca wd5
Versões do logotipo, cores, tipografia e exemplos de aplicação. Use sempre os arquivos oficiais desta página.
01 · A marca
Leve no traço, firme no número
O logotipo da wd5 combina duas vozes. As letras w e d são desenhadas em traço fino e geométrico, com o d construído a partir de um círculo perfeito. O 5 vem em peso pesado e carrega o ponto de força da marca. A assinatura soluções ltda fica abaixo, com espaçamento aberto, alinhada à direita e terminando junto com o 5.
Essa combinação traduz o que a wd5 entrega: sistemas leves para quem usa no dia a dia e sólidos para quem administra, como o Cidade360, o Portal da Transparência e o Vota Cidadão.
02 · Versões
Três formas de assinar
Use sempre a versão principal quando houver espaço. As outras existem para quando o tamanho ou o formato não comportam a assinatura.
Reduzida
Sem a assinatura. Para cabeçalhos de sistema, rodapés, brindes pequenos e larguras abaixo de 160 px.
Ícone
A versão reduzida dentro de um quadrado com cantos arredondados. Para favicon, aplicativo e foto de perfil.
03 · Construção
Área de proteção e tamanho mínimo
A unidade de medida x é a altura da barra superior do 5. Todas as distâncias abaixo são múltiplos dela, então valem em qualquer tamanho.
2xÁrea de proteção mínima em todos os lados. Nenhum texto, borda ou imagem entra nela.
30 mmLargura mínima impressa da versão principal (160 px em tela).
12 mmLargura mínima impressa da versão reduzida (48 px em tela).
16 pxMenor tamanho do ícone, usado só como favicon.
04 · Cores
Paleta institucional
O Azul wd5 é a cor da marca. As demais apoiam: o Azul-noite para fundos escuros e textos, o Ciano e o Verde-água só em degradês e destaques, e o Azul-gelo como fundo claro. Clique num código para copiar.
Azul wd5
- HEX
- RGB
- 0 77 154
- CMYK
- 100 50 0 40
- Pantone
- 2945 C (aprox.)
Azul-noite
- HEX
- RGB
- 7 26 51
- CMYK
- 86 49 0 80
Ciano
- HEX
- RGB
- 14 165 233
- CMYK
- 94 29 0 9
Verde-água
- HEX
- RGB
- 20 184 166
- CMYK
- 89 0 10 28
Azul-gelo
- HEX
- RGB
- 238 244 251
- CMYK
- 5 3 0 2
Azul 55%
Branco 25%
12%
8%
Proporção de uso sugerida numa peça típica. O degradê vai sempre do Azul wd5, passando pelo Ciano, até o Verde-água, nessa ordem.
05 · Variações de cor
Uma versão para cada fundo
Cada variação pode ser baixada em SVG (vetor, para gráfica e web) ou PNG transparente em alta resolução.
Azul wd5
Versão preferencial. Fundos brancos e claros.
Branco (negativo)
Fundos azuis, escuros, degradês e fotos com camada escura.
Azul-noite
Peças sóbrias, documentos oficiais e textos em fundo claro.
Degradê
Campanhas, redes sociais e materiais de produto. Só em fundo branco.
Preto
Impressão a uma cor, carimbo, fax, gravação e documentos em P&B.
Ícones
Aplicativo, favicon e foto de perfil. PNG em 1024 × 1024 px.
06 · Tipografia
Famílias tipográficas
A geometria do logotipo vem da família Futura. Nos materiais, use a Jost para títulos, que é a alternativa gratuita mais próxima, e a Figtree para textos, já usada no site e nos sistemas.
Futura BookAssinatura do logotipo
Uso restrito à marca
Uso restrito à marca
soluções ltda
JostTítulos e destaques
Light 300 · Regular 400 · Medium 500
Google Fonts
Light 300 · Regular 400 · Medium 500
Google Fonts
Gestão pública de ponta a ponta
FigtreeTextos, interfaces e documentos
Regular 400 · Semibold 600 · Bold 700
Google Fonts
Regular 400 · Semibold 600 · Bold 700
Google Fonts
O Cidade360 reúne saúde, educação e assistência social num só cadastro do cidadão, com painéis para o gestor acompanhar cada secretaria em tempo real.
07 · Fundos
Contraste antes de tudo
Em fundo claro, use o logo azul. Em fundo azul, escuro ou degradê, use o logo branco. Sobre fotos, aplique uma camada de Azul-noite com pelo menos 60% de opacidade antes do logo.
08 · Usos incorretos
O que não fazer
O logotipo é um desenho fechado. Use sempre os arquivos originais deste manual, sem redesenhar nem editar.
✕Distorcer as proporções
✕Rotacionar ou inclinar
✕Usar cores fora da paleta
✕Aplicar sombra ou efeitos
✕Usar só o contorno
✕Aplicar sem contraste
✕Trocar a fonte da assinatura
✕Aplicar sobre fundo poluído
✕Colocar dentro de formas
09 · Aplicações
A marca no dia a dia
Exemplos de referência. Mantenha a área de proteção, use as cores da paleta e prefira composições com bastante respiro.
Cartão de visita · 90 × 50 mm
Sergio Cacique
wd5 soluções ltda
- (95) 99136-8282
- sergio.cacique@wd5.com.br
- wd5.com.br
Frente em Azul wd5 com logo branco e filete em degradê. Verso branco, logo reduzido no canto inferior direito.
Papel timbrado · A4
O Word já vem com o logo no cabeçalho, os dados da empresa no rodapé e um modelo de ofício para preencher. O PDF é a folha em branco, para imprimir ou usar de fundo.
Ícone de aplicativo e favicon
wd5Cidade360Ícone azul como padrão. A versão em degradê fica reservada a campanhas e aplicativos de produto.
Redes sociais
Atendimento ao cidadão em um só lugar.
CIDADE360 · WD5.COM.BRPerfil com o ícone azul quadrado (as redes cortam em círculo, a área de proteção já prevê isso). Posts sobre Azul-noite com brilho em Ciano.
Apresentação · 16:9
10 · Fotos
Aplicação em foto
Fotos de eventos, equipe, implantações e cidades atendidas levam a marca de um destes dois jeitos, sempre de forma discreta: a foto é o destaque. Use os modelos prontos abaixo ou aplique direto na sua foto.
Imagem ilustrativa usada só para mostrar a aplicação.
- Degradê: logo branco no canto inferior esquerdo, com 30% do lado menor da foto e margem de 6%, e www.wd5.com.br à direita, na mesma linha da assinatura. O degradê Azul-noite sobe da borda de baixo até um pouco acima do logo. No story, o conjunto fica acima dos 20% de baixo, onde aparecem legenda e botões.
- Ícone: 13% do lado menor, com margem de 5% no canto superior direito, sem sombra e sem texto. No story, desce para 12% da altura, abaixo do nome do perfil.
- Ícone azul ou branco: escolha o que mais se destaca no canto da foto. Não use as duas versões juntas.
- Escolha da foto: deixe o assunto principal longe do canto do ícone. Nunca cubra rostos, textos ou a marca de clientes.
- Não acrescente sombras, molduras, faixas ou outros textos, e não mude a cor do degradê. Não use degradê e ícone na mesma foto.
Aplicar na sua foto
A foto é processada no seu navegador e não é enviada para o site.
| Modelo de aplicação | Tamanho | Degradê | Ícone azul | Ícone branco |
|---|---|---|---|---|
| Quadrado 1:1 | 1080 × 1080 px | |||
| Retrato 4:5 | 1080 × 1350 px | |||
| Story 9:16 | 1080 × 1920 px | |||
| Paisagem 16:9 | 1920 × 1080 px |
Os modelos são PNG com fundo transparente: coloque por cima da foto, no mesmo tamanho, no Canva, Photoshop ou no editor que preferir.
11 · Vídeo
Assinatura no fim do vídeo
Todo vídeo da wd5 termina com a tela final da marca: fundo branco, logo azul e o endereço do site. Vale para institucional, demonstração de produto, tutorial ou post nas redes. Ela dura 4 segundos e entra depois do último conteúdo, sem nada por cima.
www.wd5.com.br
www.wd5.com.br
0 – 0,5 sFundo branco entra com corte seco ou fusão curta
0,5 – 1,2 sLogo surge com fade e leve aproximação (de 96% a 100%)
1,2 – 3,6 sLogo parado e o endereço www.wd5.com.br aparece abaixo com fade
3,6 – 4 sFade para branco ou corte seco
- Tamanho: o logo principal ocupa 36% da largura no 16:9 e 62% no 9:16, sempre centralizado.
- Fundo: branco liso, como nos arquivos. Sem degradê, textura, foto ou o último quadro do vídeo atrás do logo.
- Margem segura: deixe 10% de respiro em todas as bordas. No 9:16, mantenha o logo fora dos 20% de baixo, onde ficam legendas e botões das redes.
- Som: a trilha termina junto com o fade. Sem locução sobre a tela final.
- Endereço do site: www.wd5.com.br em cinza, sempre abaixo do logo, como nos arquivos. Outras chamadas (WhatsApp, telefone, campanha) vão no quadro anterior, não na tela final.
12 · Downloads
Arquivos da marca
Kit completo
- Logo principal e reduzido em 5 cores (SVG e PNG transparente)
- Logo aplicado em 4 fundos
- Ícones de aplicativo e foto de perfil em 1024 px
- Telas finais de vídeo em 16:9 e 9:16
- Modelos de aplicação em foto (degradê e ícone) em 4 formatos
- Papel timbrado em Word e PDF
| Prévia | Arquivo | Uso | Baixar |
|---|---|---|---|
|
Principal azul wd5-logo-azul |
Padrão em fundo claro | |
|
Principal branco wd5-logo-branco |
Fundos escuros e fotos | |
|
Principal azul-noite wd5-logo-azul-escuro |
Documentos e peças sóbrias | |
|
Principal degradê wd5-logo-gradiente |
Campanhas e redes sociais | |
|
Principal preto wd5-logo-preto |
Impressão a uma cor | |
 |
Reduzido azul wd5-simbolo-azul |
Espaços pequenos em fundo claro | |
 |
Reduzido branco wd5-simbolo-branco |
Espaços pequenos em fundo escuro | |
 |
Reduzido azul-noite wd5-simbolo-azul-escuro |
Rodapés e documentos | |
 |
Reduzido degradê wd5-simbolo-gradiente |
Destaques de produto | |
 |
Reduzido preto wd5-simbolo-preto |
Gravação e carimbo | |
 |
Aplicado em fundo azul wd5-logo-fundo-azul |
Capas, banners e slides | |
 |
Aplicado em fundo azul-noite wd5-logo-fundo-escuro |
Capas e vídeos | |
 |
Aplicado em degradê wd5-logo-fundo-gradiente |
Capas de redes sociais | |
 |
Aplicado em azul-gelo wd5-logo-fundo-claro |
Documentos e propostas | |
|
Ícone azul wd5-icone-azul |
App, favicon e perfil | |
|
Ícone degradê wd5-icone-gradiente |
Apps de produto e campanhas | |
|
Ícone branco wd5-icone-branco |
App em fundo escuro | |
|
Foto de perfil wd5-avatar-azul |
Instagram, LinkedIn, WhatsApp | |
 |
Tela final de vídeo 16:9 wd5-video-final-16x9 |
YouTube, apresentações e TV | |
 |
Tela final de vídeo 9:16 wd5-video-final-9x16 |
Reels, Stories e Shorts | |
|
Papel timbrado A4 wd5-papel-timbrado |
Ofícios, propostas e cartas |
PNG do logo principal com 2400 px de largura, do reduzido com 1600 px e dos ícones com 1024 × 1024 px. Para gráfica, envie sempre o SVG.
