Guia de Identidade Visual
Manual completo para uso consistente da marca Humanas Riscos & Desenvolvimento em todos os canais e materiais.
Versões · cores · tipografia · aplicações
Manual completo para uso consistente da marca Humanas Riscos & Desenvolvimento em todos os canais e materiais.
A Humanas Riscos & Desenvolvimento é uma plataforma de gestão integral de pessoas que conecta conformidade legal à saúde psicossocial dos colaboradores. Somos técnicos, humanos e orientados por dados.
"Transformar conformidade NR-1 em cultura de cuidado com as pessoas."
A assinatura combina o símbolo (pessoa + seta de crescimento em escudo), o logotipo HUMANAS — um lettering ajustado, com o A sem travessão e o ponto dourado — e a tagline RISCOS & DESENVOLVIMENTO. Os arquivos oficiais estão em curvas: nunca recrie a marca digitando o nome.
Cada versão existe em cinco cores. Escolha pela cor do fundo — nunca crie combinações novas.
Cor
Negativo
Mono-Roxo
Preto
Branco| Variação | Fundo indicado | Observação |
|---|---|---|
| Cor | Branco, cinza claro, roxo pale | Versão padrão. Símbolo #5C3A90, logotipo #3D1F6B, ponto #C9A84C, tagline #4A4A5A. |
| Negativo | Roxo Humanas, fundos escuros, fotos | Tudo em branco, preservando o ponto dourado. |
| Mono-Roxo | Fundos claros | Aplicações em uma cor (brindes, gravações, carimbos). |
| Preto | Fundos claros | Documentos e impressões em preto e branco, fax, jornais. |
| Branco | Fundos escuros ou fotos | Totalmente branco, inclusive o ponto. Serigrafia, vidro e vinil em 1 cor. |
Perfil de redes sociais, favicon do site, avatar de app, selos de certificação e sempre que a marca horizontal ficaria com menos de 120px de largura.
Materiais institucionais, apresentações, documentos formais e qualquer contexto onde a marca completa cabe adequadamente.
Mantenha ao redor da marca um respiro mínimo igual à altura do ponto dourado × 4 em todos os lados. Nenhum texto, imagem ou borda pode invadir essa área.
| Versão | Digital | Impresso | Observação |
|---|---|---|---|
| Horizontal | 120px de largura | 30mm de largura | Abaixo disso, use só o símbolo. |
| Vertical | 90px de largura | 22mm de largura | A tagline precisa continuar legível. |
| Símbolo | 16px (favicon) | 8mm | Use os arquivos do kit de favicon para tamanhos pequenos. |
| Impressão grande (banner, fachada) | — | Sem máximo | Sempre arquivo vetorial (PDF, EPS ou SVG). |
Todos os arquivos estão no pacote de marca. Cada vetor tem os grupos separados (Símbolo, Logotipo, Ponto dourado e Tagline) e o texto em curvas.
SVG para Figma, Canva e Inkscape. PDF ou EPS para Illustrator e CorelDRAW.
Baixar SVG horizontal →Todas as versões em 1000, 2000 e 4000px (símbolo em 512, 1024 e 2048px).
Baixar PNG horizontal →favicon.ico, favicon.svg, PNGs 16 a 512px, apple-touch-icon e site.webmanifest.
Ver código para o <head> →Nunca esticar ou comprimir a marca. Sempre redimensionar mantendo a proporção.
Use apenas as cinco variações oficiais. O ponto do A é sempre dourado — ou branco na versão Branco.
Nunca aplicar drop shadow, brilho, contorno ou efeitos sobre a marca.
Em fundos escuros ou fotos, use a versão negativa ou branca, com contraste suficiente.
O logotipo é um lettering ajustado. Nunca digite HUMANAS em Quicksand ou outra fonte para simular a marca.
A marca aparece sempre na posição original. Nunca rotacionar ou inclinar.
Quatro cores formam a assinatura da Humanas: dois roxos, o dourado do ponto e o grafite da tagline. As cores de suporte e funcionais completam o sistema em telas e documentos.
A Humanas usa apenas duas fontes, ambas Google Fonts com licença SIL OFL (uso comercial livre). A Quicksand é a fonte mais próxima do logotipo e assina títulos e destaques. A Montserrat cuida da tagline, dos textos corridos e da interface. O logotipo HUMANAS é um lettering ajustado — por isso a marca vai sempre em curvas, nunca digitada.
O logotipo parte da Quicksand, mas foi redesenhado: o A não tem travessão e recebe o ponto dourado, e o espaçamento foi ajustado letra a letra. Use sempre os arquivos oficiais do pacote de marca.
Arredondada e geométrica, conversa diretamente com o logotipo. Transmite proximidade sem perder a seriedade. Use Bold ou SemiBold em títulos e Medium em destaques.
Pesos de Light a Bold, com itálicos. Clara em qualquer tamanho, funciona em sites, apresentações, documentos e sistemas. Para números em tabelas e indicadores, use algarismos tabulares.
A tagline usa Montserrat Light, caixa alta e espaçamento amplo (~+400 de tracking, ou letter-spacing: .4em na web).
Cor Grafite #4A4A5A sobre fundo claro, branco sobre fundo escuro.
Pequenos textos de orientação usados acima dos títulos, em cards ou em seções. Funcionam como uma etiqueta que antecipa o assunto e melhora a hierarquia da leitura.
Em qualquer peça, Quicksand no título e Montserrat no restante. Não adicione uma terceira família: a consistência entre as duas é o que faz a marca ser reconhecida.
| Elemento | Fonte | Peso | Tamanho | Uso recomendado |
|---|---|---|---|---|
| Logotipo | Arquivo oficial | — | Mín. 120px | Sempre o arquivo em curvas do pacote de marca. |
| H1 - Título principal | Quicksand | 700 | 48px a 64px | Hero, capas, chamadas principais e frases institucionais. |
| H2 - Título de seção | Quicksand | 700 | 36px a 44px | Abertura de seções internas e blocos importantes. |
| H3 - Subtítulo | Quicksand | 600 | 22px a 28px | Subtítulos, cards especiais e destaques editoriais. |
| Texto principal | Montserrat | 400 | 16px a 18px | Parágrafos, descrições e conteúdos longos. |
| Texto pequeno | Montserrat | 400 | 13px a 14px | Legendas, observações, notas e textos de apoio. |
| Tagline | Montserrat | 300 | 12px a 16px | Caixa alta, tracking ~+400. |
| Label / Eyebrow | Montserrat | 600 / 700 | 11px a 12px | Categorias, selos, chamadas acima dos títulos e etapas. |
| CTA / Botão | Montserrat | 600 | 14px a 15px | Botões, links importantes e ações de navegação. |
| Dados / Indicadores | Montserrat | 600 / 700 | 14px a 32px | KPIs e métricas, com algarismos tabulares. |
Canal sigiloso acessível 24/7 com anexos protegidos e histórico imutável para compliance.
A identidade visual deve manter consistência em todos os pontos de contato, desde o site até materiais institucionais, reforçando confiança, organização e presença profissional.
Uma presença digital institucional, clara e acolhedora para transmitir autoridade sem perder humanidade.
NR-1, saúde mental, riscos psicossociais e cultura organizacional.
Peças pensadas para redes sociais, LinkedIn, apresentações e campanhas institucionais, mantendo a identidade visual da marca com elegância, clareza e consistência.
A gestão dos riscos psicossociais deixou de ser apenas uma pauta de RH. Agora, ela faz parte da estratégia de conformidade, cuidado e proteção organizacional.
Ideal para chamadas, lembretes e conteúdos educativos.
Perfeito para NR-1, saúde mental e riscos psicossociais.
