
Guia prático do Gradiently
Guia prático
Guias claros e práticos sobre gradientes, cor, identidade de marca e como criar coisas com a sua cara.
200 guias · 11 temas
Comece por aqui
Todos os guias
CorNoções básicas de teoria das cores para quem não é designer
5 min de leitura
Você não precisa de faculdade de arte para escolher bem as cores. Seis ideias explicam quase toda decisão de cor, e cada uma pode ser aprendida em poucos minutos.
BrandingO que é identidade de marca? As partes que realmente importam
6 min de leitura
O logo é a parte da identidade de marca de que todo mundo fala e a que as pessoas menos percebem. Veja todas as peças, o que cada uma carrega e como elas se somam para a marca ser reconhecida.
Tipografia e textoTexto sobre fundo gradiente: como garantir a leitura sempre
6 min de leitura
Um gradiente muda embaixo de cada letra, então uma cor que se lê em uma ponta pode sumir na outra. Veja o método que mantém as palavras legíveis ao longo de toda a transição.
FundosFundos aesthetic: como criar o seu
5 min de leitura
Fundos baixados são compartilhados por todo mundo que achou a mesma página. Criar o seu leva uma tarde, e o resultado combina com o seu celular, o seu desktop e os seus posts.
CSS e webGradiente linear em CSS: o guia completo do linear-gradient()
7 min de leitura
Cada parte do linear-gradient() explicada com um exemplo ao vivo ao lado do código, da direção padrão às paradas duras, brilhos em camadas e misturas OKLCH mais suaves.
MovimentoFundos de gradiente animados para vídeo e redes sociais
6 min de leitura
Um gradiente animado pode parecer luz atravessando seda ou um protetor de tela. A diferença está em algumas decisões de design que você pode tomar de propósito.
IA e designFerramentas de design com IA: onde brilham e onde falham
6 min de leitura
A IA pode te dar cinquenta opções antes do almoço. Se alguma delas tem a cara da sua marca é outra pergunta. Veja como distinguir as ferramentas e avaliá-las com justiça.
Usando o GradientlyO que é um Mark do Gradiently? Gradientes vivos, explicados
6 min de leitura
Um Mark parece um fundo gradiente, mas se comporta como um ativo de marca: uma receita desenhada ao vivo, com um código público, um criador e exatamente um dono.
Ideias e tendênciasTendências de gradiente 2026: seis direções que valem o uso
8 min de leitura
Os gradientes não foram embora este ano. Ficaram mais quietos, mais granulados, mais escuros e mais pessoais. Aqui estão as direções que se sustentam, cada uma com um visual para copiar.
GradientesLinear, radial, cônico e mesh: todos os tipos de gradiente explicados
6 min de leitura
Todo gradiente leva a cor por um caminho. Mude o caminho e você muda a sensação. Veja cada tipo, como ele é, o código dele e o trabalho que faz melhor.
CorComo usar um círculo cromático para escolher uma paleta
5 min de leitura
O círculo cromático é a ferramenta mais antiga da cor e ainda a mais útil. Veja como ler um, por que o círculo do pintor e o da tela discordam e como transformá-lo em uma paleta.
BrandingIdentidade visual, identidade de marca e logo: as diferenças
5 min de leitura
Três termos usados como se significassem a mesma coisa. Não significam, e a diferença explica por que um logo novo tão raramente resolve uma marca que ninguém reconhece.
Redes sociaisTamanho de post do Instagram: todos os formatos e qual usar
5 min de leitura
O Instagram aceita vários formatos, mas nem todos fazem o mesmo trabalho. Veja todos os formatos, quando usar cada um, como a grade do perfil os corta e como exportar para que continuem nítidos.
Tipografia e textoCombinação de fontes: regras simples que funcionam
5 min de leitura
Duas fontes que ficam bem sozinhas podem brigar quando dividem uma página. Algumas regras e um punhado de pares aprovados tiram o palpite da história.
FundosFundos para apresentação que não brigam com os seus slides
6 min de leitura
A maioria dos fundos de slide é escolhida pelo slide de título e depois sofre ao longo de quarenta slides de conteúdo. Crie uma pequena família: chamativa onde pode ser, calma onde as pessoas precisam ler.
CSS e webGradiente radial em CSS: formas, tamanhos e posições
5 min de leitura
O radial-gradient() desenha cor para fora a partir de um ponto. Aqui está cada parte dele, com exemplos ao vivo, mais os truques de camadas por trás de brilhos suaves, holofotes e vinhetas.
MovimentoVídeo em loop perfeito: como fazer um que nunca dá salto
6 min de leitura
Um loop que dá um salto a cada dez segundos é pior do que nenhum movimento. A solução não é um editor melhor; é um movimento criado para voltar ao ponto de partida.
IA e designIdentidade de marca com IA: o que ela faz e o que depende de você
6 min de leitura
A IA entrega de bom grado um logo, uma paleta e um slogan antes de o seu café esfriar. Se isso tudo forma uma marca é a parte que continua sendo trabalho seu.
Usando o GradientlyComo encontrar e reservar um Mark
6 min de leitura
Vinte mil Marks, e um deles é o certo para você. Veja como pesquisar bem no Mercado, testar um Mark com as suas próprias palavras e torná-lo seu.
Ideias e tendênciasTendências de design gráfico 2026 que valem a pena, e como usá-las
7 min de leitura
Quatro grandes direções estão moldando o design deste ano. Cada uma pode deixar uma marca atual, e cada uma pode datá-la até a próxima primavera. Veja como saber a diferença.
GradientesGradientes de malha: o que são e como criar um
6 min de leitura
Os gradientes de malha são os campos de cor suaves e à deriva por trás de metade das páginas de lançamento que você viu neste ano. Veja como funcionam, como montar um à mão e os dois erros que estragam a maioria.
CorCores complementares: contraste que ainda parece equilibrado
5 min de leitura
Cores opostas dão o maior contraste que a cor pode oferecer, e o caminho mais rápido para um design que vibra ou um que grita. A diferença está na proporção e na luminosidade.
BrandingComo criar uma identidade de marca em um fim de semana
6 min de leitura
Você não precisa de três meses e de uma agência para parecer uma marca de verdade. Precisa de dois dias focados, de uma ordem clara de decisões e da disciplina de parar quando estiver bom o bastante.
Redes sociaisTamanho do story do Instagram e zonas seguras
5 min de leitura
Um story ocupa a tela inteira do celular, e o Instagram coloca a própria interface por cima do topo e da base. Veja o tamanho, as zonas que devem ficar livres e como criar dentro delas.


