Isótipo Lobocode
Manual de marca · v1 · 2026
Identidade em construção

lobocode

O lobo observa antes de avançar. Quando avança, acerta.

Este manual é a tradução visual disso: uma marca paciente na leitura e exata na execução. Vale para a assinatura institucional, para as propostas e para os produtos lobocode CRM, Leads e Flow.

alcateia
uivo
névoa
rastro · espreita · ameaça
01
Posicionamento
02
Marca
03
Arquitetura
04
Cores
05
Tipografia
06
Aplicações
07
Downloads
Bricolage Grotesque · logo e títulos
Inter · texto
JetBrains Mono · dado
01 — Posicionamento

Estudamos o problema antes de escrever a primeira linha.

A lobocode nasceu construindo para o mercado e hoje opera sistemas próprios em produção. Isso muda a conversa: em vez de vender horas, apontamos onde está o gargalo — e entregamos a solução que resolve aquilo, não a que caberia no orçamento.

Lemos antes de agir

Fundada por gente com estrada. A arquitetura é decidida antes do código, porque refazer depois custa dez vezes mais.

Provamos no nosso terreno

CRM, captação de leads e aplicativos rodando na nossa própria operação. O que recomendamos, já usamos.

Ficamos depois do go-live

Entregar não encerra nada. Quem desenhou o sistema continua atendendo quando ele precisa mudar.

O que não somos
Vender portfólio de sites
Cobrar por hora e fugir do resultado
Trocar de stack a cada projeto novo
Entregar, faturar e desaparecer
O que somos
Operar o que construímos
Diagnóstico antes de proposta
Arquitetura que dura anos, não sprints
Um nome e um rosto para chamar
Como falamos
Espreita longa. Ataque curto.

A conversa com o cliente segue o ritmo do lobo: primeiro escuta e observa mais do que fala; depois vai direto ao ponto, sem rodeio e sem adjetivo. Nada de “soluções inovadoras e disruptivas” — diga o que quebrou, quanto custa e o que vai mudar.

Na espreita
Pergunta antes de propor. Nomeia o problema com as palavras do cliente. Admite o que ainda não sabe.
No ataque
Uma recomendação por conversa. Número, prazo e responsável. Frase curta, verbo no presente.
Nunca
Jargão para parecer técnico. Promessa sem prazo. Três caminhos sem dizer qual você seguiria.
Assinatura verbal — três candidatas
RECOMENDADA
Software feito por quem fica.

Humana e direta. Acerta o ponto fraco de quem entrega e desaparece.

ALTERNATIVA
Construímos e continuamos junto.

Explicita a continuidade. Funciona bem fechando proposta comercial.

ALTERNATIVA
Tecnologia com dono.

Curta e memorável. Boa sozinha, ao lado do isótipo.

02 — Marca

O lobo na espreita.

O desenho não muda; muda o enquadramento. O lobo agora vive dentro de um contêiner que o corta — orelhas e mandíbula saem pela borda, e o que se vê é um animal se aproximando do limite do quadro, à espreita. É o oposto de um selo centrado e simétrico: cria tensão, direção e um recorte que ninguém copia por acidente.

Isótipo plum
Isótipo branco
Isótipo branco sobre magenta
A regra do enquadramento

Três enquadramentos. O padrão dá 22% de respiro e é o que vale para ícones de aplicativo e uso geral. O fechado ocupa 100% do quadro, para favicon e avatar, onde cada pixel conta. O lateral é gráfico: o lobo entra pela borda da peça.

Espreita padrão
Respiro de 22% · uso geral e ícones
Espreita fechada
100% do quadro · favicon, avatar, 16–32px
Espreita lateral
Entrando pela borda · uso gráfico
Aplicação gráfica
O lobo entra pela borda, nunca pelo meio.

Em capas, banners e fundos de seção o isótipo sai do contêiner e passa a ser o próprio recorte da peça: escala grande, sangrando por um canto, em alcateia-900 sobre alcateia-600. Sempre atrás do texto, nunca disputando leitura.

Três direções de logotipo
lobocode
A · RECOMENDADA
Institucional horizontal

Bricolage Grotesque ExtraBold, tracking −4%. Mantém a leitura atual, mas fecha o espaçamento e alinha a altura-x do lobo à altura da caixa alta. É a assinatura padrão.

lobocode
Software & Produtos
B
Vertical com descritor

Para capas, crachás, camisetas e qualquer espaço quadrado. O descritor sai quando a marca já foi apresentada.

lobocode.
C
Monocromática com ponto

Uma cor só, uivo reduzido a um ponto. Indispensável para gravação, bordado, fundo colorido e co-branding.

A mudança — de “Lobo” para “lobo”

Minúscula adotada em todo o sistema.

Com “L” a marca soava institucional e assinada, como uma empresa que responde por contrato. Toda minúscula, soa produto: mais leve, mais software, mais perto de uma marca de SaaS — que é exatamente o movimento da lobocode. O tracking fecha para −4% e a silhueta fica uniforme, sem a haste alta brigando com a orelha do lobo.

Lobocode
Antes · caixa alta
lobocode
AGORA · MINÚSCULA
lobocode
Sobre escuro
lobocode crm
Produto tudo minúsculo
lobocode CRM
Recomendado: sigla em caixa
Por que funciona
Tom de produto e não de prestador. Tracking fechado em −4% e silhueta uniforme. Combina com o isótipo monoline e com o “code” em uivo.
Cuidados
Em contrato, nota fiscal e razão social vale a grafia legal. No resto — site, produto, proposta, e-mail — sempre “lobocode”. Siglas de produto ficam em caixa (CRM); palavras ficam minúsculas (leads, flow).
Área de respiro
X = altura da orelha

A margem livre em torno da marca equivale à altura da orelha do lobo em todos os lados. Nada — texto, borda, foto — entra nessa faixa.

Tamanho mínimo
24px · digital
lobocode
120px · lockup

Abaixo de 120px de largura, use apenas o isótipo. Em impressão, 8mm de altura para o lobo e 30mm para o lockup.

Usos proibidos
Esticar o contêiner
Gradiente atrás da marca
Marca solta, sem contêiner
lobocode
Recolorir fora da paleta
03 — Arquitetura de marca

Marca-mãe forte. Produtos com nome descritivo.

Todo produto carrega o nome lobocode à frente. A reputação fica concentrada em uma marca só, ninguém pergunta quem responde pelo software, e cada lançamento novo já nasce com a confiança que os anteriores construíram.

lobocode
lobocode CRM

Pipeline e relacionamento comercial. Substitui qualquer nome interno usado até aqui.

lobocode Leads

O antigo Leads Maker. “Maker” sai, a função fica: captar e qualificar sem planilha.

lobocode Flow

Automações e integrações entre sistemas. Lugar já reservado para o próximo produto.

Regras
“lobocode” em Bricolage ExtraBold 800; o nome do produto em Inter Medium 500
O produto nunca ganha logo, isótipo ou cor própria
Nomes descritivos e curtos: CRM, Leads, Flow, Docs
Um único lobo por tela — no topo do app, não em cada módulo
Ícones de aplicativo
CRM
Leads
Flow
Claro

Um mesmo isótipo, fundo diferente por produto. É assim que a família se distingue sem fragmentar a marca.

04 — Cores

Alcateia sustenta. Uivo aponta.

A paleta é nomeada pelo universo do lobo, para ficar na cabeça de quem usa. Alcateia é a cor institucional: o grupo, a base — fundos escuros, títulos e superfícies de autoridade. Uivo é o acento: o sinal que chama atenção, um por tela e nunca mais que isso.

70% alcateia & névoa
20% claro
10%
Proporção de uso sugerida em qualquer peça.
Cores principais
Alcateia
Primária · fundos e títulos
#602050
Uivo
Acento · um por tela
#D01050
Névoa
Superfícies claras
#F4ECF1
Branco
Fundo e respiro
#FFFFFF
Semânticas — o que a cor avisa
Rastro
#0E9D6E
Confiança, integridade verificada, conformidade. A trilha que o lobo deixa.
Espreita
#D9A521
Pendências e itens parados à espera de revisão humana.
Ameaça
#D8412F
Falha, bloqueio e risco real.
05 — Tipografia

Bricolage assina. Inter explica.

Duas famílias, papéis claros. Bricolage Grotesque assina o logotipo e todos os títulos — feita para tamanhos grandes, com personalidade suficiente para carregar a marca sozinha. Inter cuida de todo o texto de leitura e de interface. JetBrains Mono aparece só em dado técnico.

Logotipo & títulos
Bricolage
800 no logotipo (tracking −4%), 700–800 nos títulos. Nunca em texto corrido.
Texto & interface — novo
Inter
Pesos 300 a 700. Corpo, lead, labels, botões, tabelas e todo o texto dos produtos.
Dado técnico
JetBrains
Stack, versões, IDs, eyebrows e números de fase. Nunca em texto corrido.
Logotipo · Bricolage Grotesque 800 · LS −0.04em
lobocode
Display · Bricolage 800 · 76–132px · LH 0.98 · LS −0.03em
Software feito por quem fica.
H2 · Bricolage 800 · 54px
Subtítulo de seção
H3 · Bricolage 700 · 38px
Título de bloco
Lead · Inter 400 · 30px · LH 1.4
Uma frase de abertura que contextualiza sem competir com o título.
Body · Inter 400 · 24px · LH 1.45
Corpo de texto. Em slides usa 24px; no máximo três linhas por cartão, porque o cartão deve ser lido de relance e não estudado.
Eyebrow · Inter 600 · 17px · LS .18em
Software house
Mono · 500 · 18px
PostgreSQL·v2.4.0·MIT
06 — Aplicações

A marca em campo.

lobocode.com.br
lobocode
Produtos
Software house
Time
Falar com a gente
Software house · produtos digitais

Software feito por quem fica.

Construímos sistemas sob medida e operamos nossos próprios produtos — CRM, Leads e Flow. Quem desenha a arquitetura é quem atende o telefone depois.

Conhecer os produtos
Ver como trabalhamos
lobocode CRM
RL
Pipeline
Contatos
Relatórios
Negócios abertos
R$ 428.900
+12% no mês
Proposta — Grupo Andrade
Em revisão
Assinatura de e-mail
Rafael Lobo
Sócio · Arquitetura de Software
lobocode.com.br
Cartão
Rafael Lobo
Sócio · Arquitetura
lobocode
Nosso CRM roda na nossa própria operação.
lobocode Leads
Menos planilha. Mais conversa que fecha.
Software feito por quem fica.
07 — Downloads

Leve a marca com você.

Isótipos, fontes e tokens de cor prontos para uso. A identidade ainda está em construção: os arquivos desta página são sempre a versão vigente — baixe de novo antes de fechar uma peça.

Kit de marca · v1
Tudo num arquivo só.

5 variações do isótipo em JPG quadrado, as 3 famílias tipográficas com licença OFL e os tokens de cor em CSS e JSON.

Baixar kit completo
.zip · 1.5 MB
Isótipos

JPG quadrado (1:1), 1080×1080, já no contêiner de espreita padrão — 22% de respiro, como na seção 02.

Todos os isótipos.zip · 137 KB
Isótipo lobocode alcateia
Isótipo · Alcateia
#602050 · JPG 1080×1080 · 37 KB
Padrão sobre fundos claros
Isótipo lobocode branco
Isótipo · Branco
#FFFFFF · JPG 1080×1080 · 34 KB
Sobre alcateia, uivo e fotos escuras
Isótipo lobocode uivo
Isótipo · Uivo
#D01050 · JPG 1080×1080 · 38 KB
Destaque pontual, nunca junto do uivo
Isótipo lobocode alcateia 900
Isótipo · Alcateia 900
#240A1F · JPG 1080×1080 · 33 KB
Aplicação gráfica e alto contraste
Isótipo lobocode monocromático
Isótipo · Monocromático
#1A0E17 · JPG 1080×1080 · 31 KB
Gravação, bordado e co-branding
Tipografia

Arquivos variáveis (TTF) — um único arquivo cobre todos os pesos. Todas as famílias são livres sob a SIL Open Font License, incluída no pacote.

Todas as fontes.zip · 1.3 MB
Logotipo e títulos · 500–800
Aa Gg 123
Bricolage Grotesque
Texto e interface · 300–700
Aa Gg 123
Inter
Dado técnico · 400–700
Aa Gg 123
JetBrains Mono
Cores

Clique numa cor para copiar o hexadecimal. Os tokens trazem a paleta inteira para código e ferramentas de design.

Principais
Semânticas
Apoio · em definição