# Degradê de marca: como transformar um degradê na sua assinatura

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

Algumas marcas são reconhecidas por um canto de cor antes mesmo de você ver o logo. Isso nunca é acaso. Veja como criar um degradê de marca que funcione como assinatura, e não como enfeite.

## The short version

- Um degradê de marca só funciona como assinatura quando é marcante, especificado com precisão e usado do mesmo jeito em todos os pontos de contato.
- Uma especificação completa de degradê de marca cobre a cor de fundo, a família de cores, de onde vem a luz, a textura da superfície, o grão e qualquer movimento.
- Todo degradê de marca precisa de uma alternativa em cor chapada para tamanhos pequenos, impressão em uma cor e bordado.
- O reconhecimento vem da repetição, então um degradê assinatura deve aparecer na mesma função e mais ou menos na mesma quantidade em posts, slides e embalagens.
- Degradês são difíceis de proteger legalmente, por isso a originalidade e o uso consistente importam mais do que qualquer escolha de cor isolada.

Um **degradê de marca** vira assinatura quando três coisas são verdade: ele não parece com o de mais ninguém, está especificado com precisão suficiente para que todo designer o reproduza do mesmo jeito e aparece na mesma função toda vez. A maioria dos degradês de marca falha no primeiro teste porque nasce de um preset popular, e o resto falha no segundo porque vive como uma única imagem exportada em vez de uma receita. Construa esse ativo de forma deliberada e ele pode fazer o trabalho de um logo do outro lado da sala.

## O que separa uma assinatura de um degradê bonito

### Enfeite

- Violeta para rosa, porque ficou bonito
- Refeito no olho a cada design
- Ângulo e cores mudam conforme o designer
- Usado em tudo, então não significa nada
- Quebra no tamanho de favicon e na impressão em uma cor

### Assinatura

- Um território de cor que os concorrentes não usam
- Uma receita escrita, guardada como tokens
- A luz sempre vem do mesmo lugar
- Reservado para momentos definidos, então é notado
- Tem uma alternativa chapada planejada

O argumento mais amplo a favor de ter ativos visuais próprios está em [ativos de marca distintivos](https://gradiently.design/pt-br/guide/distinctive-brand-assets). Este artigo trata da construção prática.

## Como criar um degradê de marca, passo a passo

1. **Mapeie a categoria** Faça capturas dos feeds, sites e embalagens de dez concorrentes e coloque tudo junto. Anote quais tons e misturas aparecem repetidamente. O seu degradê deve morar onde esse painel está vazio.
2. **Escolha um fundo** Decida primeiro entre escuro e claro. Um fundo profundo faz a cor brilhar e parece premium; um off-white quente parece impresso e calmo. O fundo carrega o clima mais do que o acento.
3. **Escolha uma família pequena** De três a cinco cores aparentadas, mais no máximo um acento. Vizinhas próximas se misturam de forma limpa; opostas ficam cinzentas, como explica [degradês sujos](https://gradiently.design/pt-br/guide/muddy-gradients).
4. **Decida de onde vem a luz** Um brilho baixo num canto, uma faixa no topo, uma poça atrás do centro. Fixar a fonte de luz é o que torna o degradê reconhecível quando ele é cortado.
5. **Adicione uma superfície** Grão, papel, seda ou vidro. Um material separa o seu degradê de um padrão de tela. [Textura em degradê](https://gradiently.design/pt-br/guide/gradient-texture) compara as opções.
6. **Teste o reconhecimento** Faça cinco designs, cubra os logos e mostre para alguém que conhece a marca. Se a pessoa reconhecer só pela cor, está funcionando.

Luz de cobre sobre verde-azulado profundo: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)`

Um exemplo de assinatura: um fundo verde-azulado profundo iluminado por cobre a partir do canto inferior esquerdo. Verde-azulado e cobre têm calor parecido o bastante para se misturarem pelo marrom, e não pelo cinza, e a luz no canto é a parte de que as pessoas se lembram.

## Escreva a receita, não só as cores

Códigos hex sozinhos não definem um degradê. Dois designers com as mesmas quatro cores vão produzir dois resultados diferentes, porque as posições das paradas, a direção e a textura são onde mora o caráter. Escreva uma especificação que alguém novo consiga seguir sem perguntar nada a você.

| Parte | Exemplo de especificação |
| --- | --- |
| Fundo | Verde-azulado profundo `#042f2e`, pelo menos metade da área |
| Família | `#134e4a` verde-azulado, `#b45309` cobre, `#f59e0b` âmbar |
| Luz | Radial, centrada embaixo à esquerda, nunca atrás do título |
| Paradas | 0%, 18%, 55%, 100% |
| Superfície | Grão monocromático fino, só visível no tamanho cheio |
| Movimento | A luz desliza devagar pela borda de baixo; em loop |
| Alternativa | Verde-azulado profundo chapado com o cobre como único acento |

Uma especificação de degradê de marca em uma página. Coloque no [guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide) e guarde os valores como código.

## Planeje a alternativa chapada

Um degradê desaparece no tamanho de favicon, na impressão em uma cor, no bordado e em alguns clientes de e-mail. Escolha as versões chapadas agora em vez de deixar cada fornecedor adivinhar. Normalmente, é a cor de fundo como principal cor chapada e a cor de luz mais clara como único acento.

- Fundo, chapada principal: #042f2e
- Luz, acento chapado: #f59e0b
- Verde-azulado, secundária: #134e4a
- Papel, para texto: #fdf6ec

A paleta chapada que substitui o degradê num favicon, num carimbo, num uniforme ou num e-mail só de texto.

## Use na mesma função em todo lugar

O reconhecimento se constrói com repetição numa função consistente. Decida onde o degradê de marca aparece: talvez em capas, lançamentos e no topo de toda apresentação, com as cores chapadas fazendo o trabalho do dia a dia. Uma assinatura usada em tudo vira papel de parede. [Consistência de marca](https://gradiently.design/pt-br/guide/brand-consistency) tem mais sobre regras que as equipes realmente seguem.

- Story 1080×1920: 1080 × 1920
- Post 1080×1350: 1080 × 1350
- Banner do LinkedIn 1584×396: 1584 × 396
- Slide 1920×1080: 1920 × 1080
- Cartão de visita 1050×600: 1050 × 600

Cinco pontos de contato com formatos muito diferentes. A luz no canto precisa cair no mesmo lugar relativo em cada um, o que significa renderizar o degradê por formato em vez de cortar uma imagem.

## Como proteger um degradê de marca

Cores e degradês são difíceis de proteger por lei, e os detalhes dependem do país e de um uso longo e comprovado; [dá para ter direitos autorais sobre um degradê](https://gradiently.design/pt-br/guide/can-you-copyright-a-gradient) apresenta o quadro geral, sem ser aconselhamento jurídico. Na prática, a proteção que a maioria das marcas tem é originalidade mais consistência: um visual tão ligado a você que copiá-lo só faria as pessoas lembrarem de você.

O Gradiently foi construído para preencher essa lacuna. Um Mark é uma receita pronta de cores, materiais, luz, grão e movimento, comparada com todos os outros Marks para que nada parecido demais seja aceito, e tem exatamente um dono por vez. Reservar um coloca o seu nome no registro público dele, com um certificado numerado, e só você pode exportar designs com ele. É um registro, não uma marca registrada, mas significa que a sua assinatura não vai aparecer no feed de um concorrente feita com a mesma ferramenta.

Um post vertical com uma única linha curta sobre um fundo degradê marcante e iluminado

Um degradê de marca fazendo o seu trabalho: a cor e a luz carregam a identidade, então as palavras podem ser curtas.

## FAQ

### O que é um degradê de marca?

Um degradê que uma marca usa de forma consistente como parte da sua identidade, especificado com precisão para ser reproduzido do mesmo jeito em todo lugar.

### Como criar um degradê assinatura para a minha marca?

Encontre um território de cor que os concorrentes não usam, escolha um fundo e uma família pequena de cores, fixe de onde vem a luz, adicione uma textura de superfície e teste se as pessoas reconhecem sem o logo.

### O que as diretrizes de degradê da marca devem incluir?

A cor de fundo, a família de cores com códigos hex, as posições das paradas, a direção da luz, a textura, qualquer movimento e uma alternativa em cor chapada.

### Posso registrar o degradê da minha marca?

Proteger cores e degradês legalmente é difícil e depende do país e do uso comprovado, então consulte um advogado especializado em marcas. O uso marcante e consistente é a proteção em que a maioria das marcas se apoia.

### Um degradê de marca precisa de uma versão chapada?

Sim. Favicons, impressão em uma cor, bordado e alguns clientes de e-mail não conseguem mostrar um degradê, então planeje as cores chapadas com antecedência.