# Como fazer um guia de estilo de marca que as pessoas usam

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

A maioria dos guias de estilo é aberta uma vez e esquecida. Os que funcionam são curtos, mostram cada regra e vivem onde as pessoas desenham. Eis como escrever um assim.

## The short version

- Um guia de estilo de marca é um documento curto de regras que diz a qualquer pessoa como aplicar o logótipo, as cores, a tipografia, os fundos, as imagens e a voz de uma marca.
- Os guias são usados quando são escritos como regras específicas com exemplos, e não como descrições de como a marca deve sentir-se.
- A maioria das marcas pequenas só precisa de um guia de uma página que cubra posicionamento, voz, logótipo, cores com proporções, tipografia, fundo e alguns exemplos de sim e não.
- Cada regra é mais fácil de seguir quando é mostrada ao lado de um exemplo correto e de um incorreto.
- Um guia de estilo mantém-se vivo quando tem um responsável, leva data e as suas regras estão incorporadas nos modelos que as pessoas já usam.

Um **guia de estilo de marca** é um conjunto curto de regras que permite a qualquer pessoa, de um colaborador novo a um freelancer ou a um assistente de IA, criar algo que tem o aspeto e o tom da tua marca. Os que as pessoas usam mesmo partilham três traços: são curtos, são escritos como regras específicas e não como descrições, e cada regra é mostrada com um exemplo. Para a maioria das marcas pequenas, uma página bem feita vale mais do que um PDF de cinquenta páginas que ninguém abre.

Um guia de estilo é a metade escrita da tua identidade; o [kit de marca](https://gradiently.design/pt-pt/guide/brand-kit) são os ficheiros. Precisas de ambos, e devem apontar um para o outro.

## O que incluir num guia de estilo de marca

| Secção | Guia de uma página | O guia completo acrescenta |
| --- | --- | --- |
| Posicionamento | Uma frase: o que fazes e para quem | Notas sobre o público, mensagens-chave |
| Voz | Três palavras, duas frases de exemplo | Lista de palavras, palavras a evitar, tom por canal |
| Logótipo | Versão principal e a uma cor, tamanho mínimo, espaço livre | Conjuntos, coassinaturas, exemplos de mau uso |
| Cor | Códigos hexadecimais com nomes, funções e percentagens | RGB, CMYK, combinações de texto acessíveis |
| Tipografia | Tipos de letra de títulos e de texto com tamanhos | Escala tipográfica completa, tipos de letra web e de reserva |
| Fundo | O fundo de assinatura e a sua alternativa lisa | Variações por formato, regras de textura |
| Imagens | Três imagens de exemplo e uma frase | Tratamento fotográfico, regras de ilustração |
| Sim e não | Quatro a seis pares | Um par por secção |

Começa pela coluna do meio. Só acrescentes a coluna da direita quando uma dúvida real surgir duas vezes.

## O que deixar de fora

- **Histórias longas da marca e ensaios do fundador.** Pertencem à página Sobre, não a um documento de trabalho.
- **Valores escritos numa só palavra**, como “inovação” e “qualidade”. Ninguém os consegue aplicar.
- **Todos os tons possíveis de cada cor.** Lista os que realmente usas.
- **Páginas de mau uso do logótipo** que ninguém faria. Mostra os dois ou três erros que as pessoas realmente cometem.
- **Regras que não vais fazer cumprir.** Cada regra que ignoras ensina às pessoas que o guia inteiro é opcional.

## Escreve regras, não descrições

A falha mais comum nos guias de estilo é haver descrição onde devia haver instrução. “A nossa paleta é vibrante e otimista” não diz nada a um designer. “O coral é só para botões e preços” diz-lhe exatamente o que fazer. Cada linha do teu guia deve ser algo contra o qual uma pessoa possa verificar um design.

### Descrição (inutilizável)

- As nossas cores são ousadas e enérgicas
- A nossa tipografia é moderna e limpa
- Usamos muito espaço em branco
- A nossa voz é simpática mas profissional
- As fotografias devem parecer autênticas

### Regra (utilizável)

- O azul-noite cobre cerca de 60% de cada design; o coral é só para botões e preços
- Títulos no tipo de letra de destaque a 64 px ou mais; texto a 16 px, nunca a negrito
- Mantém uma margem de pelo menos 8% da largura em todos os lados
- Usa contrações, frases curtas e nada de pontos de exclamação
- Só luz natural, pessoas a meio de uma tarefa, sem sorrisos posados para a câmara

## Um exemplo de guia de estilo de marca numa página

Eis um guia completo de uma página para uma padaria inventada. Cabe num único ecrã e responde à maioria das perguntas que um freelancer faria.

```text
CORNER LOAF: BRAND STYLE GUIDE (v1.2, updated October 2026, owner: Sam)

WHO WE ARE
The neighbourhood bakery that bakes overnight in small batches.

VOICE: warm, unhurried, honest
Yes: "Rye's back tomorrow. We made forty."
No:  "Don't miss our AMAZING new rye!!!"

COLOUR (share, job)
Night blue  #0e1424  60%  backgrounds
Flour       #f3e6d0  30%  text and panels
Oven glow   #e0823d  10%  times, prices, buttons only

TYPE
Headlines: condensed sans, 64 px and up, sentence case
Body: humanist sans, 16 to 18 px, regular weight

BACKGROUND
Signature: oven glow rising from the bottom of night blue
Fallback (small sizes, one-colour print): flat night blue

LOGO
Wordmark only. Minimum width 96 px. Clear space = height of the C.

DON'T
Put text over the glow. Use cream backgrounds. Add a second accent.
```

Cada linha pode ser verificada contra um design acabado. Esse é o teste de um guia utilizável.

## Mostra cada regra com um exemplo

As pessoas percorrem os guias na diagonal e olham para as imagens. Põe um exemplo correto e um incorreto ao lado de cada regra importante, de preferência com formatos reais do teu próprio feed. A regra abaixo é uma de que toda a marca de gradientes ou fotografia precisa: onde ficam as palavras.

Uma publicação vertical em que o título atravessa uma zona clara e cheia do fundo e é difícil de ler

Incorreto: o título passa pela zona mais cheia e mais clara do fundo.

A mesma publicação com uma zona calma e escura do fundo atrás do título, para que se leia com clareza

Correto: a zona mais calma e mais escura fica atrás das palavras.

As cores merecem o mesmo tratamento. Lista cada uma com o nome, o código, a função e a percentagem, e inclui as combinações de texto que passam as verificações de [contraste de cor](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) para ninguém ter de as voltar a testar.

- Azul-noite: fundos: #0e1424
- Farinha: texto, painéis: #f3e6d0
- Brilho do forno: destaques: #e0823d

Nome, função e percentagem de cada cor. A farinha sobre azul-noite mede cerca de 14,9:1; o brilho do forno sobre azul-noite cerca de 6,5:1.

## Como manter vivo um guia de estilo

1. **Dá-lhe um responsável** Uma pessoa identificada aprova as alterações e responde às perguntas. Um guia que é de todos não é atualizado por ninguém.
2. **Põe data e versão** Coloca a versão e a data no topo para as pessoas saberem que têm a atual.
3. **Incorpora as regras nos modelos** A melhor regra é a que ninguém quebra por acidente. Modelos com o fundo, a tipografia e a posição do logótipo certos fazem cumprir o guia em silêncio. Vê a [coerência da marca](https://gradiently.design/pt-pt/guide/brand-consistency).
4. **Mantém-no onde as pessoas trabalham** Fixa-o na tua ferramenta de design, na pasta partilhada e no chat da equipa. Se as pessoas tiverem de o procurar, não o vão fazer.
5. **Escreve uma versão para IA** Os assistentes seguem bem regras claras e literais. As [diretrizes de marca que a tua IA consegue seguir](https://gradiently.design/pt-pt/guide/brand-guidelines-for-ai) mostram como adaptar a página.
6. **Revê-o todos os trimestres** Apaga as regras que ninguém segue e acrescenta as perguntas que as pessoas fizeram duas vezes.

Na Gradiently, o kit de marca tem os teus logótipos, cores e tipos de letra ao lado de cada design, e o teu Mark leva o fundo de assinatura, por isso a maioria das regras de um guia de uma página já estão aplicadas quando alguém abre um modelo.

## FAQ

### O que deve incluir um guia de estilo de marca?

No mínimo: posicionamento, voz, regras do logótipo, cores com códigos hexadecimais e percentagens, tipos de letra com tamanhos, o fundo de assinatura e a alternativa, orientações sobre imagens e alguns exemplos de sim e não.

### Que extensão deve ter um guia de estilo de marca?

O mais curto possível, desde que responda a perguntas reais. Para a maioria das marcas pequenas basta uma página; acrescenta secções só quando a mesma pergunta surgir duas vezes.

### Qual é a diferença entre um guia de estilo de marca e um kit de marca?

O guia de estilo são as regras. O kit de marca são os ficheiros: logótipos, tipos de letra, códigos de cor, fundos e modelos. Cada um deve ter ligação para o outro.

### Como faço para que as pessoas cumpram as diretrizes de marca?

Escreve regras específicas com exemplos, dá ao guia um responsável e incorpora as regras nos modelos para que a escolha correta seja a mais fácil.