# Modelo de manual de marca: o que incluir, seção por seção

[Canonical HTML page](https://gradiently.design/pt-br/guide/brand-guidelines-template)

Uma página em branco é a pior forma de começar um manual de marca. Aqui está um modelo para copiar, dez seções em ordem, com o que cada uma deve conter e quanto precisa ocupar.

## The short version

- Um modelo de manual de marca dá as seções a preencher, para você escrever regras em vez de começar de uma página em branco.
- A maioria dos manuais de marca precisa de dez seções: introdução, logo, cor, tipografia, fundos e imagens, layout, voz, aplicações, templates e contatos.
- Cada regra de um manual de marca funciona melhor com um exemplo visível de como fazer certo e como fazer errado.
- Numa pequena empresa cabe um manual útil em oito a doze páginas; o tamanho importa menos que a clareza.
- Um manual de marca só funciona se os logos, cores, fontes e templates que ele descreve forem fáceis de encontrar e usar.

Um bom **modelo de manual de marca** tem dez seções nesta ordem: introdução, logo, cor, tipografia, fundos e imagens, layout, voz, aplicações, templates, e arquivos e contatos. Preencha cada uma com regras curtas e um exemplo visual de cada, e mantenha o conjunto num tamanho que as pessoas realmente abram. Abaixo está o modelo para copiar e depois o que pertence a cada seção.

Se você quer o raciocínio por trás de um manual, o que deixar de fora e como mantê-lo vivo, leia antes [como fazer um guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide). Esta página é o esqueleto prático.

## O modelo de manual de marca

```text
DIRETRIZES DA MARCA: [Nome da marca]   Versão [1.0], [Mês Ano]

1. Introdução
   Quem somos (uma frase)
   Quem atendemos (uma frase)
   Como queremos ser percebidos (três palavras)

2. Logo
   Logo principal, horizontal, empilhado, ícone, uma cor
   Área de proteção e tamanho mínimo
   Exemplos do que fazer e evitar (pelo menos quatro)

3. Cores
   Cores principais, secundárias e de destaque
   HEX, RGB, CMYK e Pantone de cada uma
   Proporções (por exemplo 60 / 30 / 10)
   Combinações aprovadas de texto e fundo

4. Tipografia
   Fonte de título, fonte de corpo, pesos
   Escala tipográfica com tamanhos
   Onde baixar as fontes

5. Fundos e imagens
   Nossos fundos e quando usar cada um
   Estilo fotográfico, com exemplos
   Ícones e ilustrações

6. Layout
   Margens, grade, posição do logo
   Onde o texto fica no design

7. Voz
   Personalidade em três palavras
   Dizemos / não dizemos
   Exemplos de títulos e legendas

8. Aplicações
   Post, story, email, slide, cartão de visita

9. Modelos
   Links para todos os modelos, por formato

10. Arquivos e contatos
   Onde ficam os arquivos de logo e fontes
   Quem aprova trabalhos novos
```

Copie isto para um documento e preencha seção por seção. Apague qualquer seção que realmente não se aplique ao seu caso.

## O que incluir em cada seção

| Seção | Deve incluir | Páginas |
| --- | --- | --- |
| 1. Introdução | Quem você é, a quem atende, três palavras de sensação | 1 |
| 2. Logo | Todas as variações, área de respiro, tamanho mínimo, exemplos de mau uso | 1 a 2 |
| 3. Cor | Amostras nomeadas com códigos, proporções, combinações aprovadas | 1 |
| 4. Tipografia | Fontes, pesos, uma escala tipográfica, links para baixar | 1 |
| 5. Fundos e imagens | Fundos aprovados, estilo de foto, ícones | 1 a 2 |
| 6. Layout | Margens, posição do logo, onde fica o texto | 1 |
| 7. Voz | Traços, o que dizemos e não dizemos, frases de exemplo | 1 |
| 8. Aplicações | Exemplos prontos em formatos reais | 1 a 2 |
| 9. Templates | Links para arquivos prontos | Parte de uma página |
| 10. Arquivos e contatos | Onde ficam os arquivos, a quem perguntar | Parte de uma página |

Cerca de oito a doze páginas para uma pequena empresa. Grandes organizações acrescentam seções, mas raramente precisam de seções mais longas.

### 1. Introdução

Limite a uma página. Uma frase sobre o que você faz, uma sobre para quem é e três palavras para como a marca deve soar. Essas três palavras são o teste de cada decisão seguinte, então escolha com cuidado. O seu [arquétipo de marca](https://gradiently.design/pt-br/guide/brand-archetypes) pode ajudar.

### 2. Logo

Mostre cada [variação do logo](https://gradiently.design/pt-br/guide/logo-variations) sozinha e depois em fundos claros e escuros. Defina a área de respiro como uma medida tirada do próprio logo, como a altura de uma letra maiúscula, e dê um tamanho mínimo para tela e impressão. Termine com exemplos de mau uso: esticado, recolorido, contornado, sobre uma foto carregada.

### 3. Cor

Dê nome a cada cor, informe seus códigos e diga quanto usar de cada uma. As proporções importam mais do que se imagina: uma marca quase toda creme com um pouco de verde-floresta parece completamente diferente de uma quase toda verde.

- Floresta (principal): #1f3d2b
- Creme (fundo): #f4efe6
- Latão (destaque): #c9a96e
- Sálvia (secundária): #6b7c6e
- Tinta (texto): #1a1a1a

Uma página de cores em miniatura. No manual, cada amostra também lista RGB, CMYK e o Pantone mais próximo, e uma nota como “Latão: só para detalhes, nunca para texto corrido”.

Acrescente uma lista curta de combinações aprovadas, como tinta sobre creme e creme sobre floresta, e confira se cada uma atende às diretrizes de [contraste de cores](https://gradiently.design/pt-br/guide/color-contrast-accessibility) para texto.

### 4. Tipografia

Nomeie as fontes de título e de texto, os pesos usados e uma escala simples: título, subtítulo, texto, legenda, com tamanhos. Linke para onde as fontes podem ser baixadas ou licenciadas. Um [sistema tipográfico](https://gradiently.design/pt-br/guide/brand-typography-system) vai mais fundo, se você precisar.

### 5. Fundos e imagens

Esta é a seção que a maioria dos modelos esquece, e ela cobre a maior parte do que as pessoas veem. Mostre os fundos que você usa, quando cada um é adequado e onde as palavras podem ficar sobre eles. Depois mostre três ou quatro fotos que captam seu estilo e três que não.

### 6 a 10. Layout, voz, aplicações, templates, contatos

Layout são margens, posição do logo e onde vai o texto. Voz são três traços e uma tabela de expressões que você usa e evita; a [voz da marca](https://gradiently.design/pt-br/guide/brand-voice-and-visuals) traz exemplos. Aplicações são designs prontos em formatos reais. Templates são links. Contatos são um nome e um e-mail.

Um post vertical de Instagram com o texto Cardápio de outono, a partir de sexta, usado como página de exemplo num manual de marca

Uma página de aplicações mostra as regras funcionando juntas num formato real.

Um story vertical de Instagram com o texto Cardápio de outono, a partir de sexta, mostrando as mesmas regras de marca em um formato mais alto

A mesma mensagem como story, para as pessoas verem como o layout se adapta a um quadro mais alto.

## Como escrever regras que as pessoas seguem

### Vago

- “Nosso logo deve estar sempre bem visível”
- “Use as cores da marca de forma adequada”
- “Nosso tom é amigável e profissional”
- “Use imagens de alta qualidade”

### Utilizável

- “Mantenha em volta do logo uma área de respiro igual à altura do F”
- “O creme é o fundo da maioria dos designs; o latão aparece em no máximo um elemento”
- “Escrevemos frases curtas e nunca usamos ponto de exclamação”
- “Luz natural, clientes reais, nada de fotos de banco de imagens com apertos de mão”

Um teste útil: uma pessoa nova conseguiria seguir a regra sem lhe fazer uma pergunta? Se não, acrescente uma medida, um exemplo ou os dois.

## Transformando o modelo em um kit de trabalho

Um manual descreve a marca; um kit é aquilo com que as pessoas desenham. No Gradiently, o kit de marca guarda as mesmas seções centrais, nome e descrição, logos, paletas de cores, fontes de título e de texto, voz, público e o que a marca faz, e pode ler o seu site para preencher o básico. O Designer escreve na voz do kit e o aplica ao montar um design, então o manual é seguido por padrão, e não de memória. A [configuração do kit de marca](https://gradiently.design/pt-br/guide/brand-kit-setup) mostra como preencher, e o [manual de marca para IA](https://gradiently.design/pt-br/guide/brand-guidelines-for-ai) trata de escrever regras que um assistente consiga seguir.

## FAQ

### O que incluir em um manual de marca?

Uma introdução, regras de logo, cor, tipografia, fundos e imagens, layout, voz, aplicações, templates, e onde ficam os arquivos e com quem falar.

### Quanto deve ter um manual de marca?

Para uma pequena empresa, de oito a doze páginas costuma bastar. Regras claras com exemplos importam muito mais que o tamanho.

### Qual é a diferença entre manual de marca e guia de estilo da marca?

Os termos são usados quase como sinônimos. Algumas equipes chamam de manual de marca o documento completo e de guia de estilo as regras visuais e de escrita dentro dele.

### Posso fazer um manual de marca sem um designer?

Pode. Use um modelo, preencha cada seção com regras curtas e exemplos reais e deixe os arquivos de logo, cor e fonte num lugar que todos alcancem.

### Em que formato deve ficar o manual de marca?

Um PDF é fácil de compartilhar, mas um documento vivo ou uma página web é mais fácil de manter atualizado. Seja qual for a escolha, inclua número de versão e data.
