SISTEMA DE DESIGN HOMOLOGADO · Versão Comunidade e Ecossistema

Diretrizes de Identidade Visual: Conexão, Prática e Inteligência Coletiva

Este guia formaliza a linguagem visual da Direção 2 do CRM Hub. A combinação entre o Azul Petróleo Profundo (#1E3A4C), a energia de conversão do Coral Hub (#EE4D43) e a superfície clara neutra (#F3F4F6) expressa autoridade técnica acolhedora, orientada para reunir pessoas, empresas e tecnologias de CRM em um ambiente colaborativo.

Superfície #F3F4F6 (100% Claro)

Contraste Primário #1E3A4C (Petróleo)

Ação e Vitalidade #EE4D43 (Coral)

Tipografia Única DM Sans Oficial

[ SEÇÃO 01 ]

Fundamentos e Pilares de Marca

Todas as expressões visuais da marca são ancoradas nos propósitos estratégicos e nos valores fundacionais definidos para o CRM Hub.

01. PROPÓSITO

Fazer o mercado de CRM evoluir junto

Existimos para que profissionais conquistem conhecimento prático e oportunidades reais de carreira, e para que empresas encontrem soluções capazes de transformar CRM em resultado de negócio.

Desenvolvimento mútuo do setor

02. POSICIONAMENTO

O ecossistema de quem faz CRM acontecer

Onde profissionais, empresas e tecnologia se encontram para fazer CRM funcionar. Reunimos em um único ambiente integrado o conhecimento, os especialistas, as vagas e os dados de inteligência de mercado.

Vertical, prático e conectado à execução

03. VALORES ESSENCIAIS

Prática antes de complexidade

✓ Quem faz, compartilha: saber derivado da rotina diária.
✓ Confiança não está à venda: neutralidade de dados.
✓ Oportunidade circulando: geração contínua de negócios.

Dados concretos orientando decisões

ARQUITETURA DE ACESSO

As Três Portas de Entrada do Ecossistema

A estrutura de produtos e navegação do CRM Hub organiza-se em três públicos estratégicos para garantir clareza operacional.

PORTA 01

Para Profissionais (Quero Crescer)

Carreira, aprendizado contínuo, networking qualificado e oportunidades reais de trabalho.

Community Pro · Academy · Jobs

PORTA 02

Para Empresas (Quero Resolver)

Contratação especializada, consultoria de implementação, diagnóstico de pipeline e governança de dados.

Consulting · Experts · Talent

PORTA 03

Para Fornecedores (Quero Acessar o Mercado)

Posicionamento junto a tomadores de decisão, inteligência de adoção tecnológica e distribuição.

Radar de Ferramentas · Partners

[ SEÇÃO 02 ]

Paleta Cromática: Comunidade e Ecossistema

A Direção 2 combina a sobriedade institucional do Azul Petróleo Profundo com a vibração do Coral Hub, equilibrados sobre a base clara neutra #F3F4F6. O uso de fundos escuros é estritamente proibido.

50%

SUPERFÍCIE GERAL

Cinza Base Neutro

#F3F4F6

Fundo obrigatório de páginas, lâminas e layouts. Garante leveza e contraste saudável.

RGB: 243, 244, 246

25%

PRIMÁRIA INSTITUCIONAL

Azul Petróleo

#1E3A4C

Cor estrutural da Direção 2. Usada em títulos, blocos de autoridade, bordas ativas e textos.

RGB: 30, 58, 76

15%

AÇÃO E CONVERSÃO

Coral Hub

#EE4D43

Ponto de foco, botões de ação imediata, links essenciais e indicadores de crescimento.

RGB: 238, 77, 67

5%

ACENTO COMUNITÁRIO

Petróleo Suave

#E6EDF2

Fundo de tags técnicas, badges de senioridade, chips de salas e destaques sem agressividade.

RGB: 230, 237, 242

5%

SUPERFÍCIE DE CARDS

Branco Puro

#FFFFFF

Apenas para cartões elevados, contêineres funcionais e painéis de dados sobre a base cinza.

RGB: 255, 255, 255

REGRA DE DISTRIBUIÇÃO PROPORCIONAL DE COR (50 / 25 / 15 / 5 / 5) Equilíbrio de Contraste WCAG AA

50% Fundo (#F3F4F6) 25% Petróleo (#1E3A4C) 15% Coral (#EE4D43) 5% Petróleo Suave (#E6EDF2) 5% Branco (#FFFFFF)

[ SEÇÃO 03 ]

Sistema Tipográfico Oficial: DM Sans

A família DM Sans foi selecionada como superfamília monofonte única para títulos, corpo e componentes de interface. Sua construção geométrica humanista preserva alta clareza sem perder a sensação acolhedora de comunidade.

H1 · DM SANS BOLD (700) · 44PX / 115% ENTRELINHA Display e Títulos Principais

O ecossistema profissional onde o CRM realmente funciona.

H2 · DM SANS BOLD (700) · 28PX / 125% ENTRELINHA Títulos de Seção

Conectamos pessoas com competência a desafios reais de receita.

H3 · DM SANS MEDIUM (500) · 20PX / 135% ENTRELINHA Subtítulos e Chamadas

Aprenda com quem opera as principais plataformas de CRM todos os dias.

CORPO · DM SANS REGULAR (400) · 16PX / 155% ENTRELINHA Parágrafos e Leitura Longa

Do diagnóstico de pipeline à contratação qualificada: o CRM Hub constrói pontes entre especialistas de RevOps, empresas que necessitam de governança e ferramentas de automação comercial.

METADADOS · DM SANS MEDIUM (500) · 12PX A 14PX Chips e Indicadores

HubSpot RevOps Salesforce Flow Pesquisa Salarial 2026 Salas Ativas

Regras de Composição

Caixa Baixa Padrão: Evitar títulos inteiramente em caixa alta (ALL CAPS), exceto para badges ou marcadores curtos de código técnico.
Contraste de Títulos: Títulos recebem prioritariamente o Azul Petróleo Profundo (#1E3A4C). O Coral Hub (#EE4D43) é aplicado apenas em palavras-chave ou números de destaque.
Pontuação e Estilo: Não utilizar travessões como recurso estilístico nas peças de comunicação da marca.

Licença: Open Source Google Fonts

[ SEÇÃO 04 ]

Regras de Uso da Logo Oficial

A logo é o ponto de partida fixo do ecossistema. Não deve ser alterada, redesenhada ou reinterpretada. Abaixo constam as especificações para garantir sua integridade e legibilidade.

VERSÃO PRINCIPAL · HORIZONTAL

Uso prioritário em cabeçalhos, barras de navegação e assinaturas de e-mail.

SÍMBOLO ISOLADO · MONOGRAMA

Favicon, avatares em redes sociais e marcas d'água arquitetônicas suaves.

PARÂMETROS DIMENSIONAIS

Área de Proteção: Margem de 1X em todos os lados (X equivale à altura da letra "C").

Redução Mínima Digital: Horizontal: 120px de largura · Símbolo: 24 x 24px.

Redução Mínima Impressa: Horizontal: 35mm de largura · Símbolo: 8mm de altura.

✓

Aplicações Homologadas

• Aplicação exclusiva sobre superfícies claras: base padrão #F3F4F6 e cartões em branco puro.
• Preservação integral do espaçamento original e proporções relativas entre o símbolo e a palavra.
• Uso do símbolo isolado com opacidade de 10% a 20% como textura arquitetônica de fundo.

✕

Práticas Vedadas

• Proibido fundo escuro: não aplicar a logo sobre caixas pretas ou fundos escuros.
• Não distorcer: proibido esticar, condensar ou inclinar qualquer vetor.
• Não alterar cores: manter rigorosamente as cores da logo original.

[ SEÇÃO 05 ]

Grafismos e Iconografia Duotone

Na Direção 2, os elementos visuais transmitem ideia de malha conectada e circuitos de inteligência, unindo o Azul Petróleo ao nó focal em Coral Hub.

Rede de Pares

Conexão de especialistas

Taxa de Conversão

Monitoramento de funil

Stack Integrada

Governança técnica

Maturidade de CRM

Auditoria salarial e skills

Elementos de Apoio Arquitetônico

01. Super Elo: Recorte parcial da curva do monograma com 15% a 20% de opacidade sobre o fundo cinza, servindo como ancoragem visual de cabeçalhos e cartões.

02. Malha de Conexão: Linhas pontilhadas finas de 1.5px em Azul Petróleo com nós de 6px em Coral Hub, indicando fluxos de dados ou transições entre etapas.

03. Tags Monospace: Utilização de colchetes e numeração dupla como [ 01 // REDE ] para sinalizar caráter metódico e precisão de engenharia de receita.

[ SEÇÃO 06 ]

Estilo de Imagem: Comunidade Real

A fotografia do CRM Hub prioriza a troca genuína entre especialistas, resolução prática de problemas e momentos autênticos de mentoria e colaboração.

Mentoria em Pares

Colaboração e Análise Conjunta

Iluminação natural diurna, ambientes de coworking claros e foco na resolução de gargalos de processos.

Retrato Profissional

Autoridade e Acessibilidade

Postura confiante e acolhedora de quem executa na prática, sem poses artificiais de braços cruzados.

Workshop Técnico

Construção Coletiva

Encontros focados em debater arquitetura de dados e benchmarks salariais reais do ecossistema.

Diretrizes: Pessoas reais, iluminação diurna, fundos claros e sem filtros vintage ou superexposição. Conformidade WCAG AA

[ SEÇÃO 07 ]

Componentes de Interface e Aplicações

Exemplos práticos de componentes da plataforma e peças de comunicação produzidos sob os parâmetros da Direção 2.

01. Sistema de Botões e Controles

Campo de Formulário Padronizado

Pílulas de Status e Destaques

[ PETRÓLEO SOFT ] SOLUÇÃO CORPORATIVA COMUNIDADE ATIVA

02. APLICAÇÃO EM MÍDIA SOCIAL (FEED) 4:5 Vertical

INSIGHT REVOPS

Comprar tecnologia é simples. Fazer a stack trabalhar integrada é outra história.

Mais de 70% das operações de CRM falham por ausência de governança e alinhamento de processos entre Marketing e Vendas.

03. ASSINATURA DE E-MAIL PADRONIZADA

Mariana Vasconcelos

Head de Operações e Comunidade

crmhub.com.br