Como Criar um Fundo com Gradiente que Não Pareça Barato?.

Um bom gradiente normalmente faz menos do que se espera. Usa cores próximas, uma direção clara e espaço vazio suficiente para o conteúdo.

O problema mais comum é escolher duas cores brilhantes, saturadas e sem relação. O resultado compete com o texto. Comece com uma cor da marca e mova-a para uma versão mais clara, escura ou menos saturada.

Três formas de o manter contido

1. Use tons relacionados. Azul com azul-violeta costuma ser mais calmo do que azul com laranja vivo.
2. Reduza a saturação. Uma cor suave pode criar profundidade sem dominar o design.
3. Dê uma função ao gradiente. Pode orientar o olhar para uma chamada à ação, separar uma secção ou acrescentar textura.

O Criador de Gradientes permite experimentar gradientes lineares, radiais e cónicos e copiar o CSS. Comece com duas paragens; só adicione uma terceira se resolver um problema claro.

Teste conteúdo real por cima, incluindo títulos, texto, botões e layouts móveis.