# Branding com gradientes: como ter uma identidade tua

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

Os gradientes estão em todo o lado, e é esse o problema. Vê como transformar um numa identidade que as pessoas reconhecem, em vez de um fundo que qualquer um podia usar.

## The short version

- Fazer branding com gradientes é usar uma mistura específica de cores como parte central e reconhecível de uma marca, como outras marcas usam uma única cor.
- Um gradiente só funciona como branding quando é consistente: as mesmas cores, direção, textura e comportamento em todo o lado onde a marca aparece.
- Os gradientes populares são partilhados por milhares de marcas, por isso um gradiente feito a partir de uma predefinição raramente se torna reconhecível por si só.
- As identidades em gradiente mais fortes acrescentam algo mais difícil de copiar do que a cor: um material, uma textura, uma forma de se mover ou de abrir espaço para as palavras.
- Toda a identidade em gradiente precisa de uma cor lisa de reserva para tamanhos pequenos, impressão a uma cor e sítios onde os gradientes não se conseguem desenhar.

**Branding com gradientes** é usar uma mistura particular de cores como parte central da forma como as pessoas te reconhecem, tal como outra marca pode ser dona de um vermelho. Bem feito, o gradiente torna-se uma assinatura: as pessoas veem o canto de uma publicação ou uma faixa de um cabeçalho e sabem de quem é antes de lerem uma palavra. Mal feito, torna-se um fundo agradável que podia ser de qualquer um, porque já é.

Este guia explica porque é que os gradientes se tornaram assinaturas de marca, porque é que a maioria não é reconhecível e os passos práticos para construíres um que possas chamar teu. Se o assunto é novo para ti, começa por [o que é um gradiente](https://gradiently.design/pt-pt/guide/what-is-a-gradient) e pelos [tipos de gradientes](https://gradiently.design/pt-pt/guide/types-of-gradients).

## Porque é que as marcas passaram da cor lisa aos gradientes

O design plano dominou os ecrãs durante anos porque era limpo, rápido e fácil de manter consistente. Mas a cor lisa tem um teto: há apenas um certo número de tons distinguíveis, e a maioria das categorias já tem uma cor que todos usam. Um gradiente multiplica as opções. Duas ou três cores, uma direção e uma textura dão-te um espaço de combinações suficientemente grande para encontrares algo distintivo.

Os gradientes também parecem vivos nos ecrãs. Uma mistura sugere luz, profundidade e movimento de uma forma que uma única cor não consegue, e é por isso que aparecem tantas vezes em ícones de aplicações, páginas de lançamento e filmes de produto.

Uma publicação vertical de redes sociais com o título Abertos até tarde à sexta sobre um gradiente escuro e luminoso

Uma identidade em gradiente numa publicação do feed…

Um story vertical a anunciar um novo menu sobre o mesmo gradiente da publicação ao lado

…e num story. O mesmo material, outra função.

## Porque é que a maioria do branding com gradientes não é reconhecível

Aquilo que tornou os gradientes fáceis tornou-os comuns. As ferramentas de design trazem as mesmas predefinições, os geradores sugerem os mesmos pares e as tendências empurram toda a gente para a mesma mistura de roxo e rosa ou de azul e verde-água ao mesmo tempo. Quando milhares de marcas partem das mesmas poucas centenas de gradientes, esses gradientes deixam de pertencer a alguém.

- Violeta a rosa: `linear-gradient(135deg, #7f5af0 0%, #ff6ac1 100%)`
- Azul a ciano: `linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)`
- Orquídea a coral: `linear-gradient(135deg, #f093fb 0%, #f5576c 100%)`
- Verde a água-marinha: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`

Misturas de duas cores que já conheces. Todas são atraentes, e todas são usadas por tantas marcas que nenhuma diz quem tu és.

Há uma segunda armadilha: a inconsistência. Uma marca usa um gradiente no site, um ligeiramente diferente nas redes sociais e um terceiro nos diapositivos porque alguém o refez de memória. O reconhecimento nasce da repetição, e a repetição precisa de que o gradiente seja igual de cada vez. O nosso guia sobre [consistência de marca](https://gradiently.design/pt-pt/guide/brand-consistency) explica melhor porquê.

## O que torna um gradiente possível de ter como teu

Só a cor é fácil de pedir emprestada. O que torna uma identidade em gradiente difícil de copiar é tudo o que rodeia a cor. Pensa numa identidade em gradiente como uma receita, não como uma amostra.

| Ingrediente | O que faz | Dificuldade de copiar |
| --- | --- | --- |
| Cores | A primeira coisa que as pessoas notam | Fácil: qualquer pessoa recolhe um código hexadecimal |
| Direção e estrutura | Campos lineares, radiais, de malha ou fluidos | Fácil a moderada |
| Material e textura | Grão, seda, vidro, papel, luz | Difícil: vive na forma como a superfície se comporta |
| Movimento | Como a cor deriva ou flui | Difícil: exige o mesmo sistema para o reproduzir |
| Comportamento com as palavras | Como o campo abre espaço para o texto | Muito difícil sem o mesmo sistema |

Quanto mais em baixo na lista, mais o gradiente se torna teu.

É este o raciocínio por trás dos elementos distintivos de uma marca: os que provocam reconhecimento por si sós, sem logótipo. Um gradiente só se torna um desses elementos quando a sua receita completa se mantém consistente. Lê mais em [elementos distintivos de marca](https://gradiently.design/pt-pt/guide/distinctive-brand-assets).

## Como construir uma identidade em gradiente, passo a passo

1. **Começa pelo que queres que as pessoas sintam** Escreve três palavras para o carácter da tua marca, como *calma, precisa, calorosa*. Elas decidem a temperatura, o contraste e a textura antes de olhares para uma única cor. A [personalidade de marca](https://gradiently.design/pt-pt/guide/brand-personality) tem um método simples.
2. **Escolhe uma base** Decide se o teu gradiente vive sobre uma base escura ou clara. As bases escuras fazem a cor brilhar; as claras parecem leves e impressas. A maioria das identidades escolhe uma e mantém-na.
3. **Escolhe três a cinco cores, não duas** As misturas de duas cores são as mais copiadas. Uma pequena família de cores relacionadas com um acento dá-te profundidade e mais hipóteses de seres distintivo. Confirma que as transições não ficam cinzentas a meio; vê [gradientes embaciados](https://gradiently.design/pt-pt/guide/muddy-gradients).
4. **Acrescenta um material** Grão, um brilho de seda, luz suave ou uma textura de papel muda a forma como as mesmas cores se leem. É aqui que vive a maior parte do carácter, e é a parte que um seletor de cor não consegue copiar.
5. **Decide como se comporta com as palavras** O teu gradiente vai levar títulos, preços e datas. Decide onde o texto fica e como o fundo abre espaço para ele. [Texto sobre gradiente](https://gradiently.design/pt-pt/guide/text-on-gradient) explica as opções.
6. **Define uma cor lisa de reserva** Escolhe uma cor sólida do gradiente para favicons, tamanhos minúsculos, bordados e impressão a uma cor. Uma identidade em gradiente sem reserva falha nos tamanhos pequenos.
7. **Escreve-o e usa-o em todo o lado** Regista as cores, a direção, a textura e a reserva no teu [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide) e aplica-o a todos os formatos na mesma semana.

- Base meia-noite: #0e0a1f
- Ametista profunda: #3b1d6e
- Luz violeta: #8b5cf6
- Rosa brasa: #f472b6
- Realce quente: #fcd9c4

Uma família de gradiente: uma base escura, três cores ligadas e um realce quente. O realce usa-se com moderação, e é isso que o torna memorável.

## Manter o gradiente consistente em todos os formatos

Uma publicação quadrada, um story vertical e um banner de três para um são problemas diferentes. Esticar uma imagem de gradiente por todos eles deforma-a e leva a zona mais brilhante para o sítio errado. A solução é tratar o gradiente como algo que desenhas para cada forma, não como uma imagem que recortas.

- Publicação 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920
- Cabeçalho do X 3:1: 1500 × 500
- Diapositivo 16:9: 1920 × 1080

A mesma identidade, desenhada para cada formato em vez de recortada de uma só imagem.

### Evita

- Refazer o gradiente de memória a cada ficheiro novo
- Recortar uma imagem larga para todos os formatos
- Um gradiente diferente para cada plataforma
- Nenhuma cor lisa para tamanhos pequenos

### Faz

- Uma receita escrita que todos usam
- Desenhar o gradiente para cada tamanho
- Uma só identidade, com variação no esquema e nas palavras
- Uma única cor de reserva escolhida da família

## Ser mesmo dono de um gradiente

Mesmo um gradiente construído com cuidado pode ser recolhido e reutilizado por outra pessoa. Por isso a Gradiently trata uma identidade em gradiente como um **Mark**: uma receita viva de cores, materiais, luz, grão e movimento que se desenha por trás de tudo o que crias, com um código público e exatamente um dono de cada vez. Antes de um novo Mark ser publicado, é comparado com todos os outros, e tudo o que esteja demasiado próximo é recusado, para que o visual que reservas não esteja no feed de outra pessoa.

Um Mark é uma identidade em gradiente com dono: a sua página mostra o código, o criador e quem o tem agora.

Podes explorar milhares de Marks no [Mercado](/market), criar com qualquer um deles gratuitamente e reservar o que parece ser a tua cara. Ou fazer o teu na [Forge](/forge), a partir de uma frase ou controlo a controlo.

> **Um teste rápido** Tapa o teu logótipo e as tuas palavras e mostra a um desconhecido três das tuas publicações ao lado de três de um concorrente. Se não souber dizer quais são as tuas, o teu gradiente ainda não faz o trabalho de uma identidade.

## FAQ

### O que é o branding com gradientes?

É usar uma mistura específica de cores como parte central e reconhecível da identidade de uma marca, aplicada de forma consistente em todos os formatos, tal como uma cor de marca característica.

### É possível registar um gradiente como marca?

A proteção de cores e combinações de cores depende do país e costuma exigir provar que as pessoas já associam essas cores à tua marca. Para questões legais, consulta um profissional de propriedade industrial.

### Quantas cores deve ter o gradiente de uma marca?

Três a cinco cores relacionadas costumam funcionar melhor: o suficiente para dar profundidade e distinção, poucas o bastante para se manter consistente. As misturas de duas cores são as mais fáceis de copiar.

### Os logótipos com gradiente funcionam em tamanhos pequenos?

Muitas vezes não. Toda a identidade em gradiente deve incluir uma cor lisa de reserva para favicons, ícones pequenos e impressão a uma cor, tirada da família do gradiente.

### Como faço o meu gradiente ser único?

Vai além da cor: acrescenta um material ou uma textura, decide como se move e como abre espaço para as palavras, e mantém-no igual em todo o lado. Com a Gradiently podes também reservar um Mark, uma identidade em gradiente com exatamente um dono.