Gradientes vermelhos: energia sem cara de alerta

Um gradiente vermelho é uma mistura construída em torno do vermelho, do escarlate vivo e do carmim ao sangue de boi profundo e ao coral suave, e é o gradiente mais enérgico que você pode colocar numa tela. O segredo para usá-lo bem é a contenção: deixe uma parada com saturação total, leve o resto para um vinho mais profundo ou para um laranja e um rosa mais quentes e mantenha o vermelho longe dos lugares onde as pessoas esperam avisos. Assim, o vermelho parece calor e apetite, e não uma mensagem de erro.

Abaixo você encontra três paletas vermelhas, nove códigos de gradiente vermelho para copiar, os números de contraste para texto sobre vermelho e onde o vermelho funciona melhor. Para entender como as cores carregam significado, veja psicologia das cores.

Por que o vermelho é mais difícil de usar do que parece

O vermelho é barulhento por vários motivos ao mesmo tempo. O vermelho de tela atinge uma saturação altíssima, então domina tudo o que está ao lado. As interfaces ensinaram as pessoas a lê-lo como perigo: estados de erro, botões de excluir, bateria fraca e contadores de não lidos são quase sempre vermelhos. E um vermelho vivo colocado bem ao lado de um azul saturado pode parecer tremer ou ficar numa profundidade diferente, um efeito chamado cromostereopsia, que torna cansativo ler texto nessa combinação.

Três paletas vermelhas: carmim, sangue de boi e coral

A maioria dos gradientes vermelhos bem-sucedidos vem de uma de três famílias. O carmim puxa um pouco para o azul e parece ousado e clássico. O sangue de boi e o vinho são vermelhos profundos e escuros que lembram couro, veludo e vinho tinto. O coral é o vermelho levado para o laranja e o rosa, mais suave e mais simpático. Escolha uma família antes de escolher um gradiente, porque misturar as três numa mesma mistura costuma deixar tudo barrento.

Códigos de gradiente vermelho para copiar

Todos estes gradientes mantêm o vermelho como nota principal, mas variam em temperatura e profundidade. Os mais escuros funcionam como fundos inteiros; os mais vivos são melhores para botões, selos, cartões e explosões curtas de atenção.

Repare no que os códigos têm em comum. A parada viva fica numa ponta ou num ponto, nunca no campo inteiro. As paradas escuras são vermelhos escuros, não preto nem cinza, então a mistura mantém a cor enquanto escurece. Se um gradiente vermelho fica marrom no meio, você provavelmente o misturou com um verde ou um cinza; o nosso guia de gradientes barrentos explica por quê.

Como controlar a intensidade do vermelho

1. 1

   Escolha uma parada viva

   Decida onde fica o vermelho mais saturado, geralmente perto de um título ou do ponto focal. Todo o resto desce a partir dele em luminosidade ou saturação.

2. 2

   Dê a ele vizinhos escuros

   Vermelhos profundos como #7f1d1d e #4a0e0e fazem a parada viva brilhar por contraste, como uma única brasa acesa numa fogueira escura.

3. 3

   Misture com cores quentes

   Laranja, coral e rosa ficam ao lado do vermelho no círculo cromático, então se misturam sem problemas. Veja cores análogas para entender por que os vizinhos sempre se comportam bem.

4. 4

   Limite o vermelho a uma parte do design

   O vermelho é, por natureza, uma cor de destaque. Mesmo num design guiado pelo vermelho, uma área grande e calma ajuda; a regra 60-30-10 é uma boa proporção inicial.

5. 5

   Use outra cor para os erros

   Se a sua marca é vermelha, dê às mensagens de erro um tratamento claramente diferente, como um ícone mais um vermelho mais escuro ou puxado para o laranja, para que um aviso nunca pareça marketing.

Texto sobre um gradiente vermelho

O vermelho fica num meio incômodo para texto. O vermelho puro de tela é escuro demais para o texto preto ser confortável e claro demais para o texto branco passar no mínimo de texto corrido. A solução é deixar o fundo mais escuro quando você quer letras brancas, ou mais claro quando quer letras escuras, e conferir o ponto mais claro do gradiente que fica atrás das suas palavras.

Onde os gradientes vermelhos funcionam melhor

O vermelho pertence aos lugares onde energia e apetite são o objetivo. É comum em comida e bebida, esporte, entretenimento e promoções, e no design festivo; na tradição chinesa, o vermelho é fortemente associado à sorte e à celebração, e é por isso que ele lidera o design do Ano-Novo Lunar. Os significados mudam entre culturas, então confira os do seu público em significados das cores pelo mundo.

• Comida, cafés e restaurantes: gradientes coral e terracota parecem quentes e apetitosos
• Esporte e fitness: fogo carmim e escarlate ao vinho transmitem velocidade e esforço
• Moda e beleza: sangue de boi, vinho e rosado parecem pensados e premium
• Promoções e lançamentos: uma parada viva sobre um campo vermelho profundo atrai o olhar sem gritar
• Música e vida noturna: vermelho ao preto e brilho cereja combinam com espaços escuros e iluminados

Se você quer o vermelho sem refazê-lo para cada formato, o Mercado do Gradiently permite buscar Marks com palavras como “vermelho profundo” ou “coral”. Cada Mark move sua área mais calma para trás das suas palavras, o que resolve para você o problema do texto sobre vermelho visto acima.