A versão curta
- Um modelo de kit de marca tem sete secções: base, logótipos, cores, tipografia, visual assinatura, voz e regras.
- Os ficheiros de logótipo devem vir numa versão completa, numa versão pequena e em variantes clara e escura, em SVG e PNG transparente.
- As cores devem ser listadas com HEX e RGB para ecrãs, e CMYK se imprimires, juntamente com a função de cada cor.
- A secção de voz é o que permite que outras pessoas e ferramentas de IA escrevam no tom da tua marca, por isso merece exemplos reais.
- Um kit de marca é mais curto e mais prático do que um guia de estilo completo: é o conjunto de ficheiros e códigos de que as pessoas precisam hoje.
Nesta página
Um modelo de kit de marca é uma estrutura para preencher com os ficheiros e factos de que qualquer pessoa precisa para criar para a tua marca: ficheiros de logótipo, códigos de cor, fontes, o teu visual assinatura, voz e algumas regras. O modelo abaixo tem sete secções, pela ordem em que as pessoas consultam as coisas. Copia-o para um documento ou uma pasta partilhada, preenche cada parte e terás um kit a partir do qual um freelancer, um novo colaborador ou um assistente de IA pode trabalhar de imediato.
Se ainda estás a decidir porque precisas de um, kit de marca trata do assunto. Esta página é o modelo prático.
O modelo de kit de marca
KIT DE MARCA: [Nome da marca]
Última atualização: [data] Responsável: [nome, email]
1. INFORMAÇÕES BÁSICAS
Uma frase: o que fazemos e para quem
Público:
Produtos ou serviços:
Site / perfis:
2. LOGÓTIPOS (cada um em SVG + PNG transparente)
Logótipo completo: claro ___ escuro ___
Símbolo / ícone: claro ___ escuro ___
Tamanho mínimo: ___ px de largura
Área de proteção: ___ em todos os lados
3. CORES (nome / uso / HEX / RGB / CMYK)
Fundo:
Principal:
Apoio:
Neutro claro:
Destaque (com moderação):
4. TIPOGRAFIA
Fonte de título + peso:
Fonte de corpo + peso:
Onde obter / licença:
5. VISUAL CARACTERÍSTICO
Fundo ou código do Mark:
Tratamento das fotos:
6. VOZ
Três palavras:
Dizemos: ___ Nunca dizemos: ___
Exemplo de título:
7. REGRAS
Sempre:
Nunca:O que cada secção precisa
Lacuna comum
Incluir
Lacuna comum
Lacuna comum
Incluir
Lacuna comum
Incluir
Lacuna comum
Lacuna comum
Lacuna comum
Logótipos: os ficheiros a exportar
Exporta cada versão do logótipo em SVG para tudo o que escala e em PNG transparente para ferramentas que não aceitam SVG. Dá nomes simples aos ficheiros, como brand-logo-full-dark.svg, para ninguém ter de os abrir para saber qual é qual. Variações do logótipo explica que versões precisas e quando, e tamanhos de logótipo lista as dimensões que as plataformas pedem.
Cores: códigos e funções
Lista cada cor com um nome e uma função, não só um código. “Destaque: só botões e preços” impede que o destaque inunde um design. Eis um exemplo preenchido para um pequeno estúdio de ioga.
Acrescenta valores RGB junto dos códigos hex, e CMYK se alguma coisa for impressa. Hex para RGB tem a conversão, e RGB vs CMYK explica porque é que as cores de impressão precisam de valores próprios.
Tipografia: nomes, ficheiros e licenças
Escreve os nomes exatos das fontes e os pesos, como “Inter Bold para títulos, Inter Regular para texto”, e põe os ficheiros ou uma ligação de descarga na mesma pasta. Regista também a licença. Uma fonte gratuita para uso pessoal pode não cobrir a campanha de um cliente, e o kit é onde um freelancer vai verificar. Fontes de marca ajuda se ainda não escolheste.
Visual assinatura: a secção que a maioria dos kits ignora
A maioria dos kits de marca fica pelo logótipo, cores e fontes, e é por isso que os designs feitos a partir deles continuam a desviar-se. O fundo ou superfície por trás dos teus designs preenche a maior parte de cada imagem, por isso precisa da sua própria entrada: o que é, onde o encontrar e como as fotografias são tratadas por cima. Se o teu visual é um Mark da Gradiently, escreve aqui o seu código público, por exemplo GR·K7Q2·MX, para que qualquer pessoa encontre exatamente o certo. Sem esta secção, cada novo designer inventa um fundo e a marca torna-se discretamente várias marcas.
Voz: os exemplos valem mais do que os adjetivos
Difícil de usar
- A nossa voz é calorosa, simpática e profissional
- Evitar soar a vendedor
- Ser inclusivo
Fácil de usar
- Dizemos: “Vem como és, tapetes incluídos.”
- Nunca dizemos: “Última oportunidade” ou “Não percas”
- Tratar todos por “tu”; nunca presumir flexibilidade ou boa forma física
Os exemplos importam ainda mais agora que as ferramentas de IA escrevem muitos primeiros rascunhos. Um assistente com três frases reais na tua voz imita-a muito melhor do que um com três adjetivos. Voz de marca para IA explica como escrever esta secção para máquinas e também para pessoas.
Um exemplo preenchido, aplicado
O teste de um kit de marca é se alguém que nunca te conheceu consegue fazer uma publicação correta a partir dele. Eis o que o kit do estúdio de ioga produz nas mãos de um novo freelancer, sem mais nenhum briefing.
Um anúncio de aula feito apenas a partir do kit: paleta, fontes, visual e voz.
Um story do mesmo kit. Outro formato, a mesma marca, sem instruções adicionais.
Onde guardar o teu kit de marca
- Uma pasta partilhada com o documento e todos os ficheiros de logótipo e fontes. Simples e universal.
- Dentro da tua ferramenta de design, para que cores, fontes e logótipos estejam a um clique em vez de copiados à mão.
- Um responsável e uma data. Alguém é responsável pelas atualizações e todos podem ver se o kit está em dia.
O kit de marca da Gradiently, parte do Pro, cobre a maior parte deste modelo: nome e descrição, logótipos, paletas de cores, um tipo de letra de títulos e outro de texto (podes carregar ficheiros de fontes), voz, público e o que a marca faz. Consegue ler o teu site para preencher o nome, a descrição, a cor e o ícone por ti. Cria sobre um Mark como visual assinatura, e o Designer escreve na voz do teu kit e aplica o teu kit ao compor os designs. Configurar o kit de marca explica o processo.
Perguntas frequentes
O que deve ser incluído num kit de marca?
Factos básicos da marca, ficheiros de logótipo em várias versões, códigos de cor com os seus usos, fontes, o visual assinatura, exemplos de voz e algumas regras.
Qual é a diferença entre um kit de marca e um guia de estilo?
Um kit de marca é o conjunto prático de ficheiros e códigos de que as pessoas precisam para criar hoje. Um guia de estilo é um documento mais longo que explica regras e razões em profundidade.
Em que formatos de ficheiro devem estar os logótipos num kit de marca?
SVG para tudo o que escala e PNG transparente para ferramentas que não aceitam SVG, cada um em versões clara e escura.
Que extensão deve ter um kit de marca?
Curto o suficiente para ler em dez minutos. Se precisar de mais, passa o detalhe para um guia de estilo separado.
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