A versão curta
- 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.
Nesta página
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 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 |
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.
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.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.
Incorreto: o título passa pela zona mais cheia e mais clara do fundo.
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 para ninguém ter de as voltar a testar.
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.
- 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 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.
Perguntas frequentes
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.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
