Manual da Marca: Tipografia, Cores e Regras de Uso (Guia 2026)
Tipografia, cores e regras de uso são o tripé do manual da marca. Veja o que documentar em cada bloco, com exemplos, hierarquia, paleta e do's and don'ts.
Tipografia, cores e regras de uso são as três camadas mais consultadas de um manual da marca — e as primeiras a falhar quando o documento não é desenhado para servir designer freelance, social media júnior e ferramenta de IA ao mesmo tempo. Em 2026, com 83% dos profissionais de mídias sociais brasileiros usando IA diariamente (Panorama mLabs 2025), cada um desses três blocos precisa estar documentado em formato consultável, não enterrado em PDF de 80 páginas.
Este guia é para sócios de agência e líderes de marketing que precisam estruturar (ou auditar) o bloco visual e operacional do manual da marca de um cliente. Você vai entender o que documentar em cada uma das três camadas, com hierarquia, exemplos e os do's and don'ts que separam um manual operacional de um arquivo morto na nuvem.
O bloco visual de um manual da marca não existe para parecer bonito. Existe para que qualquer pessoa — ou IA — produza peças reconhecivelmente da marca sem precisar perguntar a cada decisão.
Por que tipografia, cores e regras de uso são o tripé visual do manual da marca
Tipografia, cores e regras de uso resolvem juntas o problema mais caro de uma agência: reproduzir a marca em escala sem retrabalho. Tipografia define como o texto soa visualmente. Cores controlam emoção e reconhecimento. Regras de uso transformam essas decisões em comportamento previsível, peça a peça.
Marcas com apresentação consistente aumentam receita em até 23% (Lucidpress/Marq, "State of Brand Consistency"). Para uma agência que atende entre 8 e 30 clientes ativos, esse ganho de consistência é o que protege margem operacional — porque cada peça refeita custa hora faturável que ninguém vai cobrar.
Os três blocos também são os mais reutilizados em produção:
- Tipografia entra em todo deck, landing page, post, e-mail e documento interno
- Cores aparecem em fundo, botão, ícone, headline, ilustração — em qualquer touchpoint
- Regras de uso definem se a peça atual respeita ou viola a marca, antes de chegar no cliente
Sem essas três camadas documentadas, cada decisão volta para o sócio. Cada pergunta vira retrabalho. Cada retrabalho corrói margem.
Tipografia no manual da marca: hierarquia, fontes e fallback
Tipografia em manual da marca é o sistema de fontes que padroniza como a marca aparece em qualquer mídia, garantindo que título, corpo de texto e elementos auxiliares mantenham hierarquia visual reconhecível. Não é "qual fonte usar" — é como combinar fontes em uma hierarquia que escala.
A documentação completa cobre quatro camadas.
1. Famílias tipográficas
Toda marca precisa de 2 a 3 famílias tipográficas, no máximo:
- Display: usada em títulos, capas, manchetes (geralmente serifa marcante, sans-serif geométrica ou tipografia customizada). Define personalidade
- Texto: usada em corpo, parágrafo e legenda (sans-serif legível ou serifa neutra). Define legibilidade
- Auxiliar (opcional): usada em código, dados, números, citações (monoespaçada ou variante condensada). Define função
Adicionar mais que isso é começar a perder consistência. Toda hora que alguém precisa escolher entre 5 fontes, a marca dilui.
2. Hierarquia de tamanhos e pesos
Uma hierarquia clara documenta cada nível de texto com tamanho, peso e altura de linha, em escala tipográfica modular. Exemplo prático para web:
| Nível | Fonte | Tamanho | Peso | Altura linha |
|---|---|---|---|---|
| H1 | Display | 48px | 700 | 1,1 |
| H2 | Display | 32px | 600 | 1,2 |
| H3 | Texto | 24px | 600 | 1,3 |
| Parágrafo | Texto | 16px | 400 | 1,5 |
| Legenda | Texto | 13px | 400 | 1,4 |
A tabela funciona como contrato: designer, redator e IA usam os mesmos valores. Quando o time interno e a IA generativa partilham essa escala, o produto sai consistente independente de quem escreveu.
3. Fontes alternativas (fallback e licenciamento)
Toda fonte premium precisa de fallback gratuito documentado para:
- Web (quando a fonte original não carrega)
- E-mail marketing (clientes de e-mail não suportam fontes customizadas)
- Apresentações abertas em máquinas de cliente sem licença
- Geração assistida por IA, quando a ferramenta não embarca a fonte original
Documente também o modelo de licença (gratuita, comercial, customizada) e onde acessar o arquivo. Manual que não diz isso vira gargalo no primeiro dia em que o designer freelance entra no projeto.
4. Regras de combinação
A última camada da tipografia define quando usar cada família, com exemplos concretos:
- "Display em H1 e em peças sociais; nunca em corpo de texto longo"
- "Texto em parágrafos e legendas; também em CTA"
- "Auxiliar restrita a dados, números e citações"
Sem essa restrição explícita, designer e estagiário começam a misturar — e o reconhecimento da marca cai sem ninguém perceber.
Cores no manual da marca: paleta principal, secundária e regras de contraste
Cores em manual da marca são o sistema que controla a percepção emocional e o reconhecimento da marca em qualquer ponto de contato. Documentação útil em 2026 vai além de "cor primária + cor secundária": cobre paleta funcional, valores técnicos e regras de contraste compatíveis com acessibilidade.
1. Paleta principal
A paleta principal define 2 a 4 cores que carregam a marca:
- Primária: a cor que toda peça precisa carregar (fundo, logo, headline)
- Secundária(s): a cor que complementa, geralmente em CTAs, ícones, destaque
- Neutras: preto, branco e tons de cinza que sustentam tipografia e composição
Cada cor é documentada com quatro valores técnicos:
| Sistema | Para que serve |
|---|---|
| HEX | Web e digital |
| RGB | Tela, mídia interativa |
| CMYK | Impressão (offset e digital) |
| Pantone | Reprodução fiel em material físico (uniformes, embalagens, banners) |
Manual que documenta só HEX falha na hora da gráfica imprimir o material da feira. Vira ligação às 7 da noite do dono da gráfica para o sócio da agência. Cada uma dessas ligações é margem que evapora.
2. Paleta secundária e funcional
A paleta funcional aparece em interfaces, dashboards e peças com necessidade semântica:
- Sucesso: verde
- Atenção: amarelo ou laranja
- Erro: vermelho
- Informação: azul
- Destaque promocional: opcional (cor de campanha sazonal)
Para clientes que rodam dashboards, e-commerce ou produto digital, esse bloco é tão crítico quanto a paleta principal — e geralmente é o mais esquecido.
3. Regras de contraste e acessibilidade
Toda combinação de cor texto + fundo precisa ser testada contra o padrão WCAG 2.2 AA, que exige razão de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande. O manual documenta:
- Combinações aprovadas (texto branco em fundo primário, etc.)
- Combinações proibidas (sempre haverá pelo menos uma — tipografia em cor secundária sobre fundo claro, por exemplo)
- Comportamento esperado em dark mode, se aplicável
Marca que ignora isso perde acesso a clientes B2G, e-commerces grandes e qualquer comprador que audita acessibilidade.
4. Proporção de uso
Cada cor ganha uma proporção de uso recomendada dentro de uma peça:
- Primária: 60-70%
- Secundária: 20-30%
- Auxiliar/funcional: 10%
A proporção é o que diferencia uma campanha "da marca" de uma campanha "qualquer". Sem ela, cada peça é um experimento.
Regras de uso: o que torna tipografia e cores aplicáveis no dia a dia
Regras de uso são o conjunto explícito de do's and don'ts que documenta como aplicar — e como não aplicar — os elementos visuais da marca em peças reais. Sem essa camada, tipografia e cores viram referência decorativa. Com ela, viram contrato operacional.
Um manual de marca útil em 2026 cobre seis blocos de regras de uso.
1. Regras do logo
- Espaçamento mínimo ao redor do logo (área de proteção)
- Tamanho mínimo de aplicação (em pixels e em milímetros)
- Versões aprovadas (positivo, negativo, monocromático)
- Combinações proibidas (logo sobre fundo conflitante, logo distorcido, logo com efeitos extras)
2. Regras tipográficas
- Hierarquia obrigatória em peças longas (sem H1 atrás de H1)
- Quando usar versalete, itálico ou caixa alta
- Espaçamento entre títulos e parágrafos
- Distorções proibidas (esticar tipografia, condensar manualmente, aplicar contorno)
3. Regras de cor
- Combinações específicas que respeitam contraste
- Cores proibidas em combinação (mesmo dentro da paleta da marca)
- Quando usar a paleta funcional vs. paleta principal
- Tratamento da paleta em peças impressas com tinta especial
4. Regras de imagem e fotografia
- Estilo fotográfico aprovado (retrato natural, produto isolado, lifestyle)
- Tratamento permitido (cor, contraste, filtro, recorte)
- Banco de imagens autorizado vs. proibido
- Geração por IA: política explícita (permitida com revisão, proibida em fotos de pessoas reais, etc.)
5. Regras de aplicação em mídia social
Esse bloco virou crítico em 2026:
- Templates obrigatórios para feed, stories, reels e carrossel
- Limites de uso de cor de campanha (cores sazonais que não viram permanentes)
- Tratamento de UGC (user generated content) na hora de repostar
- Como mencionar parceiros e clientes sem violar identidade
6. Regras para IA generativa
Sem essa camada, todo conteúdo gerado por IA dilui a marca em poucos meses. O manual precisa cobrir:
- Vocabulário da marca como contexto obrigatório de qualquer prompt
- Termos banidos, anglicismos vetados e expressões proprietárias
- Tom de voz aplicado em saídas de IA (formal/casual, técnico/acessível)
- Revisão humana obrigatória antes de publicar peça gerada
Toda IA generativa que escreve para uma marca depende de um brandbook bem estruturado para não soar genérica. Manual que não conversa com a IA já nasce obsoleto.
Como agências documentam tipografia, cores e regras em escala
A maioria das agências entrega tipografia, cores e regras como arquivo PDF estático + pasta de arquivos no Google Drive. Funciona até o terceiro mês de produção, quando o cliente troca de social media, o designer entra de férias e o gerente de conta tenta abrir o PDF no celular para responder o cliente no WhatsApp.
A operação trava sempre nos mesmos pontos:
- Designer freelance pede o arquivo Pantone que ninguém sabe onde está
- Estagiário usa cor de campanha onde devia usar paleta principal
- IA generativa produz copy sem o vocabulário da marca, porque o manual nunca entrou no contexto
- Cliente cobra revisão de peça que o time achou que estava correta
A diferença entre uma agência que escala com margem e uma agência que sangra hora é, quase sempre, como esse bloco visual está documentado. Em 2026, agências competitivas estão migrando para três camadas combinadas:
- PDF de apresentação para o cliente assinar e reconhecer o material
- Base estruturada (JSON, planilha governada, plataforma online) que alimenta produção
- Camada legível por IA que injeta tipografia, cores e regras em qualquer prompt de geração
Agências B2B competitivas migraram para esse modelo justamente porque sem ele não dá para escalar produção sem aumentar o time. O segredo não é o PDF mais bonito — é a estrutura que sustenta a produção todo dia.
Como o Cérebro de Marca do Stagency operacionaliza tipografia, cores e regras
O Stagency é uma Content Marketing Platform com IA Contextual: a camada de Cérebro da Marca lê o brandbook (PDF, link público ou descrição em texto) e estrutura automaticamente tipografia, paleta, regras de uso e vocabulário em um formato consumível pela IA da plataforma. A partir daí, toda geração de conteúdo — calendário editorial, post, copy, e-mail — sai com a marca embutida, sem prompt artesanal.
A diferença prática:
- Sem Stagency: PDF + planilha + ChatGPT + ferramenta de social separados. Cada peça exige repetir o contexto da marca toda vez. Toda mudança de cor ou tipografia gera circular interna
- Com Stagency: brandbook vira dado vivo dentro da plataforma. IA já produz no tom certo e respeitando paleta. Aprovação acontece no mesmo lugar. Margem operacional protegida
Para a dor #1 do mercado brasileiro — 75% dos donos de agência citam "conquistar clientes qualificados" (mLabs 2025) — entregar manual da marca operacional é o argumento que diferencia a proposta na hora de fechar contrato. Não é mais o PDF bonito; é a infraestrutura que mantém a marca viva entre uma campanha e outra.
Para entender como esse modelo se conecta ao produto, vale conhecer a página do Cérebro da Marca.
Perguntas frequentes sobre tipografia, cores e regras no manual da marca
Quantas fontes um manual da marca deve documentar?
De 2 a 3 famílias tipográficas — uma display (para títulos), uma de texto (para corpo) e, opcionalmente, uma auxiliar (para dados ou citações). Mais que isso compromete reconhecimento. Cada família precisa de fallback gratuito documentado para web, e-mail e ferramentas que não embarcam a fonte original.
Como documentar cores além do HEX?
Toda cor da paleta principal precisa de quatro valores: HEX (web), RGB (tela), CMYK (impressão) e Pantone (reprodução fiel em material físico). Sem Pantone, gráfica e fornecedor de uniforme erram a cor. Sem CMYK, material impresso parece outra marca. O manual também precisa documentar a proporção de uso recomendada (geralmente 60% primária, 30% secundária, 10% funcional).
Qual a diferença entre regras de uso e do's and don'ts?
São o mesmo conceito, com formatos diferentes. Regras de uso é o título da seção; do's and don'ts é o formato visual que essa seção assume na maioria dos manuais — uma coluna "como fazer" ao lado de uma coluna "como não fazer", com exemplo concreto em cada lado. Manual sem do's and don'ts vira referência abstrata; com eles, vira contrato operacional.
O manual precisa cobrir IA generativa?
Sim. Em 2026, com 94% dos marketers globais planejando usar IA na criação de conteúdo (HubSpot State of Marketing 2026), o manual que ignora IA já nasce desatualizado. Precisa cobrir vocabulário da marca como contexto obrigatório, termos banidos, tom de voz aplicado e política de revisão humana antes de publicar. Sem essa camada, todo conteúdo gerado pela IA dilui a marca em poucos meses.
Como acessibilidade entra na documentação de cores?
Toda combinação texto + fundo precisa atender ao padrão WCAG 2.2 AA, que exige contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande. O manual documenta as combinações aprovadas, as proibidas e o comportamento em dark mode quando aplicável. Sem esse bloco, marca perde acesso a clientes B2G e a qualquer comprador corporativo que audita acessibilidade.
Conclusão
Tipografia, cores e regras de uso são o tripé que transforma o manual da marca de portfólio decorativo em infraestrutura operacional. Documentar com hierarquia, valores técnicos completos e do's and don'ts explícitos é o que separa uma agência que escala com margem de uma que sangra hora em retrabalho.
O passo mais importante não é o PDF mais bonito. É garantir que esse bloco visual esteja em um formato que designer, estagiário e IA generativa consigam consumir todo dia, sem precisar perguntar.
Quer ver como o Cérebro de Marca do Stagency transforma tipografia, cores e regras de uso em base operacional para IA? Conheça planos e preços e mapeie a marca do seu primeiro cliente em segundos. Ou volte ao manual da marca completo para entender o documento inteiro antes de cada bloco.
Este artigo é parte da trilha Brandbook — do conceito ao manual operacional. Continue por: Tom de Voz da Marca: 12 Exemplos e Como Definir o Seu.