# Modelo de kit de marca: logos, cores, fontes e voz em um só lugar

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

Um kit de marca só serve se alguém puder abri-lo e fazer um design correto em dez minutos. Aqui está um modelo que faz exatamente isso, seção por seção, com um exemplo preenchido.

## The short version

- Um modelo de kit de marca tem sete seções: básico, logos, cores, tipografia, visual de assinatura, voz e regras.
- Os arquivos de logo devem vir em versão completa, versão pequena e variantes clara e escura, em SVG e PNG transparente.
- As cores devem ser listadas com HEX e RGB para telas, e CMYK se você imprime, junto com a função de cada cor.
- A seção de voz é o que permite que outras pessoas e ferramentas de IA escrevam no tom da sua marca, então merece exemplos reais.
- Um kit de marca é mais curto e mais prático que um guia de estilo completo: é o conjunto de arquivos e códigos de que as pessoas precisam hoje.

Um **modelo de kit de marca** é uma estrutura para preencher com os arquivos e fatos de que qualquer pessoa precisa para criar para a sua marca: arquivos de logo, códigos de cor, fontes, seu visual de assinatura, voz e algumas regras. O modelo abaixo tem sete seções, na ordem em que as pessoas consultam as coisas. Copie para um documento ou uma pasta compartilhada, preencha cada parte e você terá um kit com o qual um freelancer, um novo contratado ou um assistente de IA pode trabalhar de imediato.

Se você ainda está decidindo *por que* precisa de um, o [kit de marca](https://gradiently.design/pt-br/guide/brand-kit) defende o argumento. Esta página é o modelo prático.

## O modelo de kit de marca

```text
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. LOGOS  (cada um em SVG + PNG transparente)
   Logo 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:
```

Copie isto para qualquer documento. Preencha o que você sabe agora; deixe lacunas em vez de adivinhar.

## O que cada seção precisa

| Seção | Inclua | Lacuna comum |
| --- | --- | --- |
| Básico | Uma frase, público, produtos ou serviços, links | Nenhum contato para dúvidas |
| Logos | Versões completa e pequena, clara e escura, SVG e PNG | Só um JPG com uma caixa branca em volta |
| Cores | Nomes, usos, HEX, RGB, CMYK se for imprimir | Códigos sem dizer qual cor serve para quê |
| Tipografia | Fontes de título e de texto, pesos, licença | Nomes de fontes sem arquivos nem origem |
| Visual de assinatura | O fundo ou a superfície, o tratamento das fotos | Ausente por completo, então cada designer inventa um |
| Voz | Três palavras, exemplos, palavras a evitar | Adjetivos sem exemplos |
| Regras | Duas ou três linhas de sempre e nunca | Uma lista longa que ninguém lê |

As sete seções e a lacuna que mais costuma ficar em cada uma.

### Logos: os arquivos a exportar

Exporte cada versão do logo em SVG para tudo o que escala e em PNG transparente para ferramentas que não aceitam SVG. Dê nomes simples aos arquivos, como `brand-logo-full-dark.svg`, para ninguém precisar abri-los para saber qual é qual. As [variações de logo](https://gradiently.design/pt-br/guide/logo-variations) explicam de quais versões você precisa e quando, e os [tamanhos de logo](https://gradiently.design/pt-br/guide/logo-sizes) listam as dimensões que as plataformas pedem.

### Cores: códigos e funções

Liste 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. Veja um exemplo preenchido para um pequeno estúdio de ioga.

- Fundo: carvão: #1f2421
- Principal: eucalipto: #49695a
- Apoio: névoa de sálvia: #b7cbbd
- Neutra: linho: #f6f1e9
- Destaque: argila: #d98b5f

Cinco cores, cada uma com a função escrita no nome. O destaque argila é para horários de aula e preços, nada mais.

Acrescente valores RGB junto dos códigos hex, e CMYK se algo for impresso. A [conversão de hex para RGB](https://gradiently.design/pt-br/guide/hex-to-rgb) traz a conta, e [RGB ou CMYK](https://gradiently.design/pt-br/guide/rgb-vs-cmyk) explica por que as cores de impressão precisam dos próprios valores.

### Tipografia: nomes, arquivos e licenças

Escreva os nomes exatos das fontes e os pesos, como “Inter Bold para títulos, Inter Regular para texto”, e coloque os arquivos das fontes ou um link de download na mesma pasta. Anote 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 conferir. As [fontes da marca](https://gradiently.design/pt-br/guide/brand-fonts) ajudam se você ainda não escolheu.

### Visual de assinatura: a seção que a maioria dos kits esquece

A maioria dos kits de marca para em logo, cores e fontes, e é por isso que os designs feitos com eles ainda se desviam. O fundo ou a superfície atrás dos seus designs preenche a maior parte de cada quadro, então precisa de uma entrada própria: o que é, onde achar e como as fotos são tratadas por cima. Se o seu visual é um Mark do Gradiently, escreva aqui o código público dele, por exemplo `GR·K7Q2·MX`, para qualquer pessoa achar exatamente o certo. Sem esta seção, cada novo designer inventa um fundo, e a marca vira discretamente várias marcas.

### Voz: exemplos valem mais que adjetivos

### Difícil de usar

- Nossa voz é calorosa, amigável e profissional
- Evite soar vendedor
- Seja inclusivo

### Fácil de usar

- Dizemos: “Venha como você é, os tapetes são por nossa conta.”
- Nunca dizemos: “Última chance” ou “Não perca”
- Trate todos por “você”; nunca presuma flexibilidade ou condicionamento físico

Os exemplos importam ainda mais agora que ferramentas de IA escrevem muitos primeiros rascunhos. Um assistente que recebe três frases reais na sua voz a imita bem melhor do que um que recebe três adjetivos. A [voz da marca para IA](https://gradiently.design/pt-br/guide/brand-kit-voice) explica como escrever esta seção para máquinas e para pessoas.

## Um exemplo preenchido, aplicado

O teste de um kit de marca é se alguém que nunca conheceu você consegue fazer um post correto com ele. Veja o que o kit do estúdio de ioga produz nas mãos de um novo freelancer, sem nenhum outro briefing.

Um post vertical de estúdio de ioga anunciando uma aula de fluxo ao nascer do sol aos sábados, às 7h, sobre o fundo em gradiente do estúdio

Um anúncio de aula feito só com o kit: paleta, fontes, visual e voz.

Um story vertical do mesmo estúdio de ioga com o texto Venha como você é, com o mesmo fundo e a mesma tipografia

Um story do mesmo kit. Outro formato, a mesma marca, sem instruções extras.

## Onde guardar o seu kit de marca

- **Uma pasta compartilhada** com o documento e todos os arquivos de logo e fonte. Simples e universal.
- **Dentro da sua ferramenta de design**, para cores, fontes e logos ficarem a um clique, em vez de copiados à mão.
- **Um responsável e uma data.** Alguém cuida das atualizações, e todos veem se o kit está em dia.

O kit de marca do Gradiently, parte do Pro, cobre a maior parte deste modelo: nome e descrição, logos, paletas de cores, uma fonte de título e uma de texto (você pode enviar arquivos de fonte), voz, público e o que a marca faz. Ele pode ler seu site para preencher nome, descrição, cor e ícone por você. Desenhe sobre um Mark como visual de assinatura, e o Designer escreve na voz do seu kit e aplica o kit ao montar os designs. A [configuração do kit de marca](https://gradiently.design/pt-br/guide/brand-kit-setup) explica o passo a passo.

## FAQ

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

Fatos básicos da marca, arquivos de logo em várias versões, códigos de cor com seus usos, fontes, seu visual de assinatura, exemplos de voz e algumas regras.

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

O kit de marca é o conjunto prático de arquivos e códigos de que as pessoas precisam para criar hoje. O guia de estilo é um documento mais longo que explica regras e motivos em profundidade.

### Em que formatos os logos devem estar em um 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.

### Quanto deve ter um kit de marca?

Curto o bastante para ser lido em dez minutos. Se precisar de mais, passe o detalhe para um guia de estilo separado.