A versão curta
- 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.
Nesta página
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 e pelos tipos de gradientes.
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 identidade em gradiente numa publicação do feed…
…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.
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 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 |
É 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.
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 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.
- 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 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 e aplica-o a todos os formatos na mesma semana.
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
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.
GR·WASZ·E3
Dahlia Shadow
Ver este MarkPodes explorar milhares de Marks no Mercado, criar com qualquer um deles gratuitamente e reservar o que parece ser a tua cara. Ou fazer o teu na Forge, a partir de uma frase ou controlo a controlo.
Perguntas frequentes
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.
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
