Manual mestre de identidade visual · 2026

Venda vira sistema.

Um sistema de marca para transformar ambição comercial em clareza, método e ação — do Grupo Altus ao Radar do Vendedor Rico, passando por educação, produto e campanhas.

Radar do Vendedor Rico · expressão de produto
01 · Norte

Um ecossistema. Papéis diferentes.

O sistema separa autoridade institucional, ferramenta de previsibilidade e educação comercial. A consistência vem da mesma disciplina visual; a diferenciação vem do papel de cada marca.

Confirmado

Ideia central

Previsibilidade substitui improviso. A marca mostra o número, explica o próximo movimento e evita promessas de resultado garantido.

Confirmado

Personalidade

Executiva, direta, ambiciosa e didática. Sofisticação sem frieza; energia comercial sem estética de cassino.

Em consolidação

Território verbal

Vendas, método, ritmo, meta, comissão, clareza e movimento. “Máquina de Vendas” precisa ter seu papel formal confirmado.

02 · Arquitetura

A hierarquia protege o valor.

Nenhuma submarca deve competir com a marca-mãe em contexto institucional; nenhuma assinatura institucional deve apagar o protagonismo do produto em uma página de venda.

Marca guarda-chuva

Grupo Altus Educacional

Autoridade, método, certificação, contratos, relações institucionais e endosso.

Produto de entrada

Radar do Vendedor Rico

Planejamento, meta, ticket e ritmo diário.

Produto completo

Radar do Vendedor Rico PRO

Registro, comissões, histórico e acompanhamento.

Educação comercial

Vendas Movem Negócios

Curso, método e conteúdo formativo.

Máquina de Vendas: nome citado pelo cliente nesta etapa, ainda sem ativo ou relação formal confirmada no acervo. Não criar símbolo, renomear VMN ou alterar a arquitetura até essa definição.
03 · Marca institucional

Grupo Altus é credibilidade.

Dourado e verde pertencem à camada institucional. Eles comunicam patrimônio, crescimento e educação executiva — não são cores de botão, promoção ou dado operacional.

Grupo Altus Educacional
Uso prioritário

Endosso e origem

Certificados, apresentações, contratos, assinatura corporativa, rodapé e páginas institucionais.

Expressão

Precisa, estável, premium e discreta. O dourado aparece como patrimônio; o verde, como progresso e formação.

Evitar

Aplicar a logo sobre fundos ruidosos, transformar dourado em amarelo vivo, usar verde como cor de CTA ou adicionar brilho promocional.

04 · Marca de produto

Radar é ação mensurável.

A assinatura horizontal identifica o produto. As moedas e emblemas 3D são objetos de campanha e embalagem — nunca substitutos automáticos da assinatura.

Assinatura escura do Radar do Vendedor Rico

Assinatura principal

Header, footer, tela de login, capa de documento e leitura rápida.

Assinatura clara do Radar do Vendedor Rico

Versão clara

Superfícies brancas ou editoriais. Preservar a placa própria do arquivo quando necessário.

Emblema tridimensional recortado do Radar do Vendedor Rico

Radar · entrada

Ênfase contida. Usar em mockups, embalagens e seções de produto.

Emblema tridimensional recortado do Radar do Vendedor Rico PRO

Radar PRO · destaque

Mais luz, glow e contraste. A assinatura minimalista PRO ainda depende de aprovação.

05 · Educação & método

Vendas movem negócios.

O ativo recuperado tem linguagem mais emblemática e promocional. Ele pode ocupar capas, aulas, eventos e campanhas, mas não deve contaminar interfaces operacionais do Radar.

Ativo limpo

Aplicação

Usar sobre placas escuras, preservando transparência, proporção, engrenagens, escudo e seta.

Território visual

Dourado, laranja, azul profundo, palco, movimento e autoridade do instrutor.

Máquina de Vendas

Até a definição formal, registrar como território verbal em validação. Não apresentar o logo VMN com outro nome.

06 · Assinaturas

Reconhecer antes de decorar.

Toda aplicação deve sobreviver em tamanho pequeno, manter contraste e continuar identificável sem efeito, mockup ou texto de apoio.

Área de proteção

1× altura do símbolo

Reserve em todos os lados uma distância mínima equivalente à altura do elemento-símbolo da assinatura. Em layouts apertados, reduza outros elementos antes de reduzir esse respiro.

Tamanho mínimo digital

Radar 180 px · Altus 140 px

Valores de referência para assinaturas completas. Se a leitura do nome falhar, use composição maior — não aumente contraste artificialmente.

Faça: use arquivos oficiais, preserve proporção, escolha a versão pelo fundo e mantenha a hierarquia da arquitetura.
Não faça: esticar, rotacionar, recolorir, redesenhar, separar partes, aplicar sombra aleatória ou usar 3D como assinatura primária.
07 · Sistema cromático

Dois modos. Uma personalidade.

O modo claro é editorial e comercial. O modo escuro é imersivo e premium. A troca altera superfícies e contraste, não o papel das marcas.

Papel#FFFDF9
Noite#0E0D0C
Ação#B74712
PRO#FF6B1A
Altus#C6A15B
Crescimento#1D8B54
VMN#17243A
Tema claro

Clareza editorial

Venda, leitura, comparação e formulários com alta legibilidade.

Falta para sua meta
R$ 3.520
Recalcular ritmo
Tema escuro

Foco e autoridade

Produto, apresentação, dashboard noturno e cenas premium.

Falta para sua meta
R$ 3.520
Recalcular ritmo
08 · Tipografia

A voz do título, do texto e do número.

Três famílias resolvem três funções. A consistência depende de não trocar seus papéis.

Venda vira sistema.
Work Sans

Corpo e interface

Clara, humana e pragmática. É a voz da explicação, dos controles e da conversa com o vendedor.

JetBrains Mono

Dados que comandam

R$ 48.320

Dinheiro, prazo, meta, versão, eyebrow e evidência.

09 · Grafismo

Profundidade com função.

Objetos podem romper a placa em até 12%, desde que não cubram preço, texto ou controle. A profundidade é hierarquia — não excesso.

Camada 1

Fundo neutro ou placa de marca.

Camada 2

Elemento desfocado, com baixa opacidade.

Camada 3

Produto e elemento nítido em primeiro plano.

10 · Fotografia

Autoridade sem personagem.

A pessoa deve continuar real. Ajustes permitidos: recorte, enquadramento, luz global, contraste e compressão. Não alterar rosto, corpo, roupa ou identidade.

Rafael Pires com camisa preta em ambiente de luz quente
Exemplo de recorte quadrado de Rafael Pires
Exemplo de recorte vertical de Rafael Pires

Direção

Olhar confiante, luz quente, roupa sóbria, ambiente real e espaço negativo para títulos. Evitar banco de imagem genérico e montagens que simulem provas inexistentes.

11 · Voz e mensagem

Direto. Concreto. Responsável.

A marca fala como um gestor comercial experiente: mostra o cenário, traduz o número e propõe o próximo passo.

Escreva assim
  • Faltam R$ 3.520 e 12 dias úteis.
  • Veja quanto precisa vender por dia.
  • Registre a venda e acompanhe sua comissão.
  • Previsibilidade no seu mês, não sorte.
Não escreva assim
  • Ganhe R$ 10 mil garantido.
  • O método secreto que ninguém conta.
  • Você está indo bem, continue assim.
  • Erro 500: falha inesperada.

Altus

Institucional, preciso e formador.

Radar

Operacional, claro e orientado à ação.

VMN

Energético, didático e provocador.

12 · Produto digital

O número vem primeiro.

Dashboard, landing page e ferramenta devem compartilhar tokens e linguagem, sem transformar o software em uma peça publicitária.

Setembro · 12 dias úteis

Seu ritmo do mês

ComissãoR$ 6.480
FaltaR$ 3.520
Conversão31%
Próximo movimento

Com seu ticket médio, são 3 fechamentos para atingir a meta.

Lançar venda
Um CTA primário por tela
Dinheiro em fonte monoespaçada
Status com texto e cor
Estados vazio, loading, erro e sucesso
13 · Campanhas

Consistência sem repetição.

A estrutura visual permanece reconhecível enquanto o protagonismo muda: instituição, produto ou educação.

Grupo Altus

Gestão que vira crescimento.

Grupo Altus Educacional
Radar do Vendedor Rico

Pare de vender no escuro.

Radar do Vendedor Rico em 3D
Vendas Movem Negócios

Método em movimento.

Vendas Movem Negócios
14 · Aplicações

Da tela ao palco.

O sistema precisa sobreviver a canais rápidos, documentos formais e ambientes de alta energia.

Landing page

Hero editorial

Conhecer o Radar
Apresentação

Uma ideia por slide

Número grande, argumento curto, marca discreta.

Social

Formato 4:5

Gancho, evidência, próximo passo.

Documento

Proposta & contrato

Altus endossa; produto aparece só quando necessário.

Certificado

Autoridade institucional

Dourado e verde, sem laranja promocional.

Evento

Palco & backdrop

Leitura a distância e área segura ampliada.

15 · Inclusão

Premium também é legível.

Tema escuro não significa baixo contraste; estética editorial não autoriza tipografia pequena. Acessibilidade faz parte da identidade.

Contraste AA para texto e controles
Alvos mínimos de 44 × 44 px
Foco visível em todos os temas
Cor nunca é o único indicador
Zoom de 200% sem corte lateral
Movimento reduzido respeitado
Textos alternativos descrevem o ativo real
Elementos decorativos ficam fora da leitura
16 · Governança

Marca forte é marca governada.

Toda nova peça deve declarar qual marca lidera, qual objetivo atende, quais ativos usa e quem aprovou exceções.

Aprovado

Pode publicar

Logo Altus oficial, assinatura Radar recebida, logo VMN limpa, paleta, tipografia, fotografia sem manipulação e padrões acessíveis.

Precisa confirmar

Antes de usar

Assinatura minimalista PRO, papel de Máquina de Vendas, significado de plano anual e validação final dos novos recortes 3D.

Não inventar

Bloqueado

Promessa de renda garantida, logo derivada sem aprovação, case, depoimento, certificação, preço ou condição comercial não confirmados.

Fluxo de aprovação

Briefing → marca líder → template → revisão de conteúdo → acessibilidade → aprovação do cliente → exportação → publicação autorizada → verificação no canal final.

17 · Entrega técnica

Decisão visual vira código.

Primitivos preservam a matéria-prima. Tokens semânticos adaptam o tema. Tokens de marca mantêm o papel de cada identidade.

[data-theme="light"] {
  --brand-canvas: #FFFDF9;
  --brand-text: #241B16;
  --brand-action: #B74712;
}

[data-theme="dark"] {
  --brand-canvas: #0E0D0C;
  --brand-text: #FFF8F1;
  --brand-action: #FF6B1A;
}

.money { font-family: var(--font-data); }
.institutional { color: var(--altus-gold); }
.product-action { background: var(--brand-action); }
Tokens completos em JSONAbrir
Variáveis CSS para light e darkAbrir
Design system de componentesAbrir
Manual textual e governançaAbrir
Registro de ativosAbrir