A versão curta
- Um modelo de diretrizes de marca dá-te as secções a preencher, para escreveres regras em vez de começares de uma página em branco.
- A maioria das diretrizes de marca precisa de dez secções: introdução, logótipo, cor, tipografia, fundos e imagens, layout, voz, aplicações, modelos e contactos.
- Cada regra das diretrizes de marca funciona melhor com um exemplo visível de como fazer bem e como fazer mal.
- Um pequeno negócio consegue meter diretrizes úteis em oito a doze páginas; o tamanho importa menos do que a clareza.
- As diretrizes de marca só funcionam se os logótipos, cores, tipos de letra e modelos que descrevem forem fáceis de encontrar e usar.
Nesta página
Um bom modelo de diretrizes de marca tem dez secções por esta ordem: introdução, logótipo, cor, tipografia, fundos e imagens, layout, voz, aplicações, modelos, e ficheiros e contactos. Preenche cada uma com regras curtas e um exemplo visual de cada, e mantém o conjunto num tamanho que as pessoas realmente abram. Abaixo está o modelo para copiar e depois o que pertence a cada secção.
Se quiseres o raciocínio por trás das diretrizes, o que deixar de fora e como as manter vivas, lê primeiro como fazer um guia de estilo da marca. Esta página é o esqueleto prático.
O modelo de diretrizes de marca
ORIENTAÇÕES 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 vistos (três palavras)
2. Logótipo
Logótipo 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 descarregar as fontes
5. Fundos e imagens
Os nossos fundos e quando usar cada um
Estilo fotográfico, com exemplos
Ícones e ilustrações
6. Layout
Margens, grelha, posição do logótipo
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. Ficheiros e contactos
Onde ficam os ficheiros de logótipo e fontes
Quem aprova trabalhos novosO que incluir em cada secção
Tem de incluir
Páginas
Tem de incluir
Páginas
Páginas
Tem de incluir
Páginas
Tem de incluir
Páginas
Tem de incluir
Páginas
Páginas
Tem de incluir
Páginas
Tem de incluir
Páginas
Tem de incluir
Páginas
1. Introdução
Mantém-na numa página. Uma frase sobre o que fazes, uma sobre a quem se destina e três palavras para a sensação que a marca deve dar. Essas três palavras são o teste para todas as decisões seguintes, por isso escolhe-as com cuidado. O teu arquétipo de marca pode ajudar.
2. Logótipo
Mostra cada variação do logótipo isolada e depois sobre fundos claros e escuros. Indica o espaço livre como uma medida tirada do próprio logótipo, como a altura de uma maiúscula, e dá um tamanho mínimo para ecrã e impressão. Termina com exemplos de mau uso: esticado, com outra cor, só contorno, sobre uma fotografia confusa.
3. Cor
Dá nome a cada cor, indica os seus códigos e diz quanto usar de cada. As proporções importam mais do que as pessoas pensam: uma marca que é quase toda creme com um pouco de verde-floresta parece completamente diferente de uma que é quase toda verde.
Acrescenta uma lista curta de combinações aprovadas, como tinta sobre creme e creme sobre floresta, e confirma que cada uma cumpre as orientações de contraste de cor para texto.
4. Tipografia
Nomeia os tipos de letra de títulos e de texto, os pesos que usas e uma escala simples: título, subtítulo, texto, legenda, com tamanhos. Liga para onde as fontes podem ser descarregadas ou licenciadas. Um sistema tipográfico vai mais fundo se precisares de um.
5. Fundos e imagens
Esta é a secção que a maioria dos modelos esquece, e cobre a maior parte do que as pessoas veem. Mostra os fundos que usas, quando cada um é o certo e onde as palavras podem assentar sobre eles. Depois mostra três ou quatro fotografias que captam o teu estilo e três que não.
6 a 10. Layout, voz, aplicações, modelos, contactos
O layout são as margens, a posição do logótipo e onde vai o texto. A voz são três traços e uma tabela de expressões que usas e evitas; a voz da marca tem exemplos. As aplicações são designs acabados em formatos reais. Os modelos são ligações. Os contactos são um nome e um endereço de email.
Uma página de aplicações mostra as regras a funcionar em conjunto num formato real.
A mesma mensagem como story, para as pessoas verem como o layout se adapta a um formato mais alto.
Como escrever regras que as pessoas seguem
Vago
- “O nosso logótipo deve estar sempre bem visível”
- “Usar as cores da marca de forma adequada”
- “O nosso tom é simpático e profissional”
- “Usar imagens de alta qualidade”
Utilizável
- “Mantém um espaço livre igual à altura do F à volta do logótipo”
- “O creme é o fundo na maioria dos designs; o latão aparece num elemento, no máximo”
- “Escrevemos frases curtas e nunca usamos pontos de exclamação”
- “Luz natural, clientes reais, sem fotografias de banco de imagens de apertos de mão”
Um bom teste: alguém novo conseguiria seguir a regra sem te fazer uma pergunta? Se não, acrescenta uma medida, um exemplo ou ambos.
Transformar o modelo num kit de trabalho
Um documento de diretrizes descreve a marca; um kit é aquilo com que as pessoas desenham. Na Gradiently, o kit de marca guarda as mesmas secções essenciais, nome e descrição, logótipos, paletas de cores, tipos de letra de títulos e de texto, voz, público e o que a marca faz, e consegue ler o teu site para preencher o básico. O Designer escreve na voz do kit e aplica-o ao compor um design, para que as diretrizes sejam seguidas por defeito e não de memória. Configurar o kit de marca mostra como o preencher, e diretrizes de marca para IA trata de escrever regras que um assistente consiga seguir.
Perguntas frequentes
O que deve ser incluído nas diretrizes de marca?
Uma introdução, regras do logótipo, cor, tipografia, fundos e imagens, layout, voz, aplicações, modelos, e onde estão os ficheiros e a quem contactar.
Que extensão devem ter as diretrizes de marca?
Para um pequeno negócio, oito a doze páginas costumam chegar. Regras claras com exemplos importam muito mais do que a extensão.
Qual é a diferença entre diretrizes de marca e um guia de estilo da marca?
Os termos usam-se quase como sinónimos. Algumas equipas usam diretrizes de marca para o documento completo e guia de estilo para as regras visuais e de escrita lá dentro.
Posso fazer diretrizes de marca sem um designer?
Sim. Usa um modelo, preenche cada secção com regras curtas e exemplos reais e guarda os ficheiros de logótipo, cor e tipo de letra num sítio a que todos tenham acesso.
Em que formato devem estar as diretrizes de marca?
Um PDF é fácil de partilhar, mas um documento vivo ou uma página web é mais fácil de manter atualizado. Seja qual for a escolha, inclui um número de versão e uma data.
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