Linguagem Visual

Elementos visuais
que constroem a marca.

Gradientes, padrões, ícones, formas e diretrizes de fotografia para criar materiais visualmente coesos.

Gradientes

Gradientes Oficiais

Os gradientes são ferramentas poderosas de hierarquia e identidade. Use apenas os gradientes aprovados.

Azul Profundo

#0E2C5A → #2E6FCE / 135°

Capas, banners institucionais, rodapés premium

Azul Ciano

#2E6FCE → #2BC4D8 / 135°

Cabeçalhos de seção, cards de destaque, redes sociais

Ciano Dourado

#2BC4D8 → #FFD500 / 135°

Elementos de destaque, faixas comemorativas

Azul Noturno

#0E2C5A → #2BC4D8 / 135°

Apresentações, capas de proposta, cartão de visita verso

Azul Horizontal

#2E6FCE → #2BC4D8 / 90°

Faixas horizontais, cabeçalho de papel timbrado

Azul Vertical

#0E2C5A → #2E6FCE / 180°

Laterais de materiais, colunas de destaque

Texturas & Padrões

Padrões de Fundo

Use sutilmente para adicionar textura sem competir com o conteúdo principal.

Pontos Sutis

Fundo de folhetos, slides de apresentação

Grade Leve

Seções de tabelas, fundos de relatórios financeiros

Listras Diagonais

Faixas decorativas, divisores de seção

Elementos Gráficos

Formas & Decoração

Elementos de apoio para composição de layouts. Todos derivados da identidade visual do símbolo EvoHub.

Formas Derivadas do Símbolo

Losango Primário

Losango Secundário

Losango Destaque

Losango Contorno

Círculo Gradiente

Linha Gradiente

Composição em Layout

EvoHub

Gestão que evolui
com você.

Exemplo de uso dos losangos como elementos decorativos de fundo

Iconografia

Sistema de Ícones

Ícones com traço (outline), linha 2px, cantos arredondados. Estilo: Heroicons ou similar. Sempre monocromáticos em cores da marca.

Contabilidade

Fiscal

Pessoal

Empresa

Financeiro

Conformidade

Crescimento

Atendimento

Ícones — Como usar

  • Sempre monocromáticos (uma cor por ícone)
  • Tamanho mínimo 16px, idealmente 24px
  • Usar nas cores brand-500, secondary-400 ou accent-yellow
  • Sempre acompanhados de texto (não usar ícone sozinho)

Ícones — Evitar

  • Misturar estilos (outline com filled)
  • Usar ícones com gradiente
  • Ícones com traço diferente de 1.5–2px
  • Usar cores fora da paleta da marca
Fotografia

Diretrizes de Imagem

As fotos usadas em materiais EvoHub devem transmitir profissionalismo, humanidade e crescimento — nunca estresse ou burocracia.

✓ Usar este tipo de imagem

Reuniões colaborativas

Pessoas trabalhando juntas, sorridentes, em ambiente profissional iluminado

Empresários confiantes

Empreendedores em seus negócios, com expressão de controle e segurança

Dados e análises

Dashboards, gráficos, planilhas — mas apresentados de forma positiva e organizada

Equipe diversa e acolhedora

Profissionais de diferentes perfis em ambiente de escritório moderno e acolhedor

✗ Evitar este tipo de imagem

Estresse e burocracia

Pessoas com expressão preocupada, pilhas de papéis desorganizados, escritórios caóticos

Imagens muito genéricas

Stock photos evidentemente genéricas, apertos de mão exagerados, posições forçadas

Tons frios e sem vida

Imagens muito saturadas em cinza, ambientes hospitalares, iluminação fluorescente fria

Simbolismo inadequado

Cofres, maletas de dinheiro, dinheiro espalhado, símbolos de riqueza exagerados

Tratamento de Imagem Recomendado

Overlay Azul Suave

Para fotos em fundo de seções

Overlay Escuro (Banner)

Para fotos em capas e banners com texto

Preto & Branco + Destaque

Para fotos secundárias com elemento de cor