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

Cor

Noçõ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.

Branding

O 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 texto

Texto 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.

Fundos

Fundos 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 web

Gradiente 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.

Movimento

Fundos 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 design

Ferramentas 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 Gradiently

O 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ências

Tendê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.

Gradientes

Linear, 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.

Cor

Como 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.

Branding

Identidade 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 sociais

Tamanho 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 texto

Combinaçã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.

Fundos

Fundos 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 web

Gradiente 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.

Movimento

Ví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 design

Identidade 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 Gradiently

Como 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ências

Tendê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.

Gradientes

Gradientes 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.

Cor

Cores 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.

Branding

Como 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 sociais

Tamanho 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.