Gradientes vermelhos: energia sem soar o alarme

Um gradiente vermelho é uma transição construída à volta do vermelho, do escarlate vivo e do carmesim ao sangue de boi profundo e ao coral suave, e é o gradiente mais enérgico que podes pôr num ecrã. O segredo para o usar bem é a contenção: deixa uma paragem levar a saturação máxima, faz as restantes avançar para um vinho mais profundo ou para um laranja e um rosa mais quentes, e mantém o vermelho longe dos sítios onde as pessoas esperam avisos. Feito assim, o vermelho lê-se como calor e apetite e não como uma mensagem de erro.

Abaixo encontras três paletas de vermelhos, nove códigos de gradientes vermelhos para copiar, os números de contraste para texto sobre vermelho e onde o vermelho funciona melhor. Para saberes como as cores ganham significado, vê a psicologia das cores.

Porque é que o vermelho é mais difícil do que parece

O vermelho é ruidoso por várias razões ao mesmo tempo. O vermelho de ecrã atinge uma saturação muito alta, por isso domina tudo o que está ao lado. As interfaces ensinaram as pessoas a lê-lo como perigo: estados de erro, botões de apagar, bateria fraca e indicadores de não lidos são quase sempre vermelhos. E o vermelho vivo mesmo ao lado de azul saturado pode parecer tremeluzir ou ficar a outra profundidade, um efeito chamado cromoestereopsia, que torna cansativo ler texto nessa combinação.

Três paletas de vermelho: carmesim, sangue de boi e coral

A maioria dos gradientes vermelhos bem-sucedidos vem de uma de três famílias. O carmesim inclina-se ligeiramente 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. Escolhe a família antes de escolheres o gradiente, porque misturar as três numa só transição costuma dar um resultado lamacento.

Códigos de gradientes vermelhos para copiar

Cada um destes gradientes mantém o vermelho como nota principal, mas varia em temperatura e profundidade. Os mais escuros funcionam como fundos inteiros; os mais vivos servem melhor botões, etiquetas, cartões e momentos curtos de atenção.

Repara no que os códigos têm em comum. A paragem viva fica numa ponta ou num ponto, nunca no campo todo. As paragens escuras são vermelhos escuros, não preto nem cinzento, por isso a transição mantém a cor enquanto desce. Se um gradiente vermelho fica castanho no meio, provavelmente misturaste-o em direção a um verde ou a um cinzento; o nosso guia sobre gradientes lamacentos explica porquê.

Como controlar a intensidade do vermelho

1. 1

   Escolhe uma paragem viva

   Decide onde vive o vermelho mais saturado, normalmente perto de um título ou do ponto focal. Tudo o resto desce a partir dele em luminosidade ou saturação.

2. 2

   Dá-lhe vizinhos escuros

   Os vermelhos profundos como #7f1d1d e #4a0e0e fazem a paragem viva brilhar por contraste, como uma única brasa a brilhar numa fogueira escura.

3. 3

   Mistura em direção a cores quentes

   O laranja, o coral e o rosa ficam ao lado do vermelho no círculo cromático, por isso misturam-se com limpeza. Vê as cores análogas para perceberes porque os vizinhos se portam sempre bem.

4. 4

   Limita o vermelho a uma parte do design

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

5. 5

   Dá aos erros outra cor

   Se a tua 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-termo estranho para texto. O vermelho puro de ecrã é escuro demais para o texto preto ser confortável e claro demais para o texto branco passar o mínimo para texto corrido. A solução é escurecer o fundo quando queres letra branca, ou aclará-lo quando queres letra escura, e verificar o ponto mais claro do gradiente que fica por trás das tuas palavras.

Onde os gradientes vermelhos funcionam melhor

O vermelho pertence aos sítios onde a energia e o apetite são o objetivo. É comum em comida e bebida, desporto, entretenimento e promoções, e no design festivo; na tradição chinesa, o vermelho está fortemente associado à sorte e à celebração, e é por isso que domina o design do Ano Novo Lunar. Os significados mudam entre culturas, por isso confirma os da tua no significado das cores pelo mundo.

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

Se queres vermelho sem o reconstruir para cada formato, o Mercado da Gradiently permite pesquisar Marks com palavras como “vermelho profundo” ou “coral”. Cada Mark desloca a sua zona mais calma para trás das tuas palavras, o que resolve por ti o problema do texto sobre vermelho descrito acima.