# Design gráfico ousado: letra grande, cor forte, mensagem clara [Canonical HTML page](https://gradiently.design/pt-br/guide/bold-design-ideas) Design barulhento é notado, e design barulhento mal feito é ignorado na mesma velocidade. A diferença quase sempre é disciplina: uma mensagem, um protagonista, todo o resto a serviço dele. ## The short version - O design gráfico ousado usa letras enormes, cor saturada e cortes justos para tornar uma mensagem impossível de ignorar. - O design ousado funciona quando há um único elemento protagonista; quando tudo grita, nada se destaca e o resultado parece caos. - Fontes pesadas, condensadas ou expandidas em tamanhos muito grandes são a base da maioria dos layouts ousados. - Cores saturadas precisam de uma cor âncora escura ou muito clara, para que o design mantenha contraste forte e o texto continue legível. - A mensagem num design ousado deve ser curta o bastante para ser lida em cerca de um segundo, normalmente cinco palavras ou menos. O **design gráfico ousado** torna uma mensagem impossível de ignorar: letras tão grandes que encostam nas bordas, cor em saturação máxima e quase mais nada. Funciona quando há um único protagonista e todo o resto está a serviço dele. Falha quando cada elemento grita ao mesmo tempo. Abaixo estão as regras que mantêm um design barulhento claro, com paletas, escolhas de fonte e layouts para testar no seu próximo pôster ou post. ## O que faz um design ousado funcionar Ousadia é um efeito de contraste. Um título enorme só parece enorme ao lado de algo pequeno; um rosa choque só parece quente ao lado de algo calmo. Por isso, layouts ousados são feitos de extremos: muito grande contra muito pequeno, muito claro contra muito escuro, muito cheio contra muito vazio. Tire as partes quietas e as partes barulhentas param de funcionar. - **Um protagonista.** Uma palavra, um número ou uma forma que ocupa uma grande parte do quadro. - **Contraste de escala.** O protagonista é muitas vezes maior do que qualquer texto de apoio. - **Contraste de cor.** Cor saturada contra uma âncora escura ou muito clara. - **Uma mensagem curta.** Cinco palavras ou menos no protagonista, legível em cerca de um segundo. - **Tensão nas bordas.** Letras cortadas pelo quadro ou empurradas até a borda parecem maiores do que são. ## Tipografia ousada: como escolher e compor letras fortes A maioria dos layouts ousados é feita de tipografia. Pesos pesados, larguras condensadas que deixam uma palavra preencher a largura de um pôster e larguras expandidas que fazem uma palavra curta parecer monumental. [Fontes em negrito](https://gradiently.design/pt-br/guide/bold-fonts) e [fontes de destaque](https://gradiently.design/pt-br/guide/display-fonts) listam boas famílias; a composição importa tanto quanto a escolha. | Tratamento | O que faz | Use para | | --- | --- | --- | | Caixa-alta pesada e condensada | Encaixa palavras longas em tamanhos enormes | Pôsteres de evento, títulos de promoção | | Peso black expandido | Faz uma palavra curta parecer gigante | Frases de marca, posts de uma palavra | | Entrelinha apertada | Empilha linhas num único bloco sólido | Títulos de duas ou três linhas | | Cortada pela borda | Sugere que a letra é maior do que o quadro | Capas, miniaturas, banners | | Contorno mais sólido | Duplica uma palavra sem uma segunda cor | Palavras repetidas, ritmo | Cinco jeitos de deixar a letra barulhenta. Escolha um ou dois por design, não os cinco. Um pôster vertical com a única palavra VOLUME ocupando toda a largura e uma linha pequena de detalhe embaixo Uma palavra na largura toda, uma linha pequena de detalhe. A diferença de tamanho entre elas é o efeito inteiro. Deixe o espaçamento entre letras um pouco apertado em títulos enormes, já que o espaçamento padrão parece frouxo em tamanhos grandes, e nunca estique a letra para caber. Se uma palavra não preenche a largura, escolha uma fonte mais larga ou uma palavra mais curta. No Gradiently, tratamentos de letreiro como Extrusão, Duplo, Contorno e Riso dão peso extra a um título sem recorrer a uma sombra projetada. ## Paletas de cores ousadas sem bagunça A cor saturada é metade do design ousado. O truque é ancorá-la. Coloque cores vibrantes sobre um quase preto ou um off-white limpo e limite as vibrantes a duas que sejam aparentadas ou deliberadamente opostas. Três ou quatro vibrantes sem relação, todas na força máxima, é onde o ousado vira ruído. - Rosa choque para laranja: `linear-gradient(135deg, #ff2e63 0%, #ff7a00 100%)` - Azul elétrico: `linear-gradient(135deg, #0047ff 0%, #00d1ff 100%)` - Lima ácido para verde: `linear-gradient(135deg, #d4ff00 0%, #00e676 100%)` - Calor vermelho no preto: `radial-gradient(circle at 70% 30%, #ff3d00 0%, #b00020 45%, #1a0005 100%)` - Violeta para magenta: `linear-gradient(160deg, #12002b 0%, #6a00f4 55%, #ff00a8 100%)` - Amarelo sinal: `linear-gradient(135deg, #ffe600 0%, #ff9900 100%)` Seis fundos ousados. Cada um usa vizinhos no círculo cromático, então as misturas ficam limpas em saturação máxima. - Preto âncora: #0a0a0a - Rosa choque: #ff2e63 - Amarelo sinal: #ffe600 - Off-white: #f5f5f0 Uma paleta ousada: uma âncora escura, duas vibrantes e um off-white para texto pequeno. Use uma vibrante como fundo e a outra só no protagonista. > **Confira o contraste nas vibrantes** Branco sobre amarelo, lima ou laranja vibrante reprova no contraste, por mais ousado que pareça na sua tela. Use letras quase pretas sobre vibrantes claras. [Contraste de cores e acessibilidade](https://gradiently.design/pt-br/guide/color-contrast-accessibility) mostra como testar. ## Design ousado versus design caótico ### Caótico - Três títulos disputando atenção - Todas as cores na força máxima - Quatro fontes num só layout - Fundo carregado atrás de letra carregada - Um parágrafo espremido no canto ### Ousado - Um protagonista, claramente a maior coisa - Duas vibrantes e uma âncora - Uma família em dois pesos - Uma área calma onde as palavras ficam - Detalhe reduzido a uma linha curta Um fundo barulhento atrás de letras barulhentas é a falha clássica. Se o fundo é rico, a letra precisa de uma região calma onde ficar. Um Mark do Gradiently resolve isso movendo sua área mais calma e de melhor contraste para trás das palavras e escolhendo letra clara ou escura linha a linha, então a cor continua grande e a mensagem continua legível. ## Ideias de design gráfico ousado para testar Um post quadrado de promoção com um 48h enorme como ponto focal e uma linha pequena de detalhe Um número como protagonista. Layouts ousados adoram um número curto porque ele é lido na hora. Um story vertical de evento com Portas às nove em letras grandes sobre um fundo saturado Um story de evento com o título no topo da zona segura e a cor preenchendo o quadro. - **Posts de promoção:** a palavra do desconto ou a data como protagonista, nada mais na primeira dobra. - **Pôsteres de evento:** a atração ou a data na largura toda, detalhes pequenos no rodapé. - **Anúncios de lançamento:** o nome do produto cortado pela borda do quadro. - **Miniaturas do YouTube:** duas ou três palavras, peso pesado, uma cor vibrante sobre escuro. - **Capas de carrossel:** uma palavra enorme que faz as pessoas deslizarem para ver o resto. Seja o que for, reduza para o tamanho em que vai aparecer num feed ou num resultado de busca antes de publicar. O design ousado se prova em tamanhos pequenos: se a palavra protagonista ainda é legível como miniatura, o layout está cumprindo o papel. Se virar borrão, corte palavras antes de cortar tamanho. O design ousado tem primos que vale conhecer. O [design brutalista](https://gradiently.design/pt-br/guide/brutalist-design) faz barulho pela crueza em vez do acabamento, o [design Memphis](https://gradiently.design/pt-br/guide/memphis-design) pela estampa e pela brincadeira, e [minimalismo vs maximalismo](https://gradiently.design/pt-br/guide/minimalism-vs-maximalism) ajuda a decidir qual ponta da escala combina com a sua marca. Para pôsteres especificamente, veja [design de pôster](https://gradiently.design/pt-br/guide/poster-design). ## FAQ ### O que é design gráfico ousado? Um estilo que usa letras enormes, cor saturada e contraste forte para fazer uma única mensagem se destacar na hora. ### Como deixar um design ousado sem parecer bagunçado? Escolha um elemento protagonista, deixe-o muito maior do que todo o resto, limite-se a duas cores vibrantes mais uma âncora e corte o texto de apoio para uma linha curta. ### Quais fontes são melhores para design ousado? Pesos pesados em larguras condensadas ou expandidas. Fontes condensadas encaixam palavras longas em tamanhos enormes; fontes expandidas fazem palavras curtas parecerem monumentais. ### Design ousado é o mesmo que maximalismo? Não exatamente. O maximalismo sobrepõe muitos elementos e estampas; o design ousado pode ser muito simples, com um título barulhento e quase mais nada. ### Quais cores funcionam em designs ousados? Cores saturadas como rosa choque, azul elétrico, lima ácido e amarelo sinal, ancoradas por quase preto ou off-white para manter o contraste alto.