# Design gráfico arrojado: tipografia forte, cor intensa, mensagem clara [Canonical HTML page](https://gradiently.design/pt-pt/guide/bold-design-ideas) O design ruidoso faz-se notar, e o design ruidoso mal feito é ignorado com a mesma rapidez. A diferença é quase sempre disciplina: uma mensagem, um protagonista, tudo o resto ao serviço dele. ## The short version - O design gráfico arrojado usa tipografia sobredimensionada, cor saturada e cortes apertados para que uma só mensagem seja impossível de ignorar. - O design arrojado funciona quando há um único elemento protagonista; quando tudo é ruidoso, nada se destaca e o resultado lê-se como caos. - Tipos de letra pesados, condensados ou expandidos em tamanhos muito grandes são a espinha dorsal da maioria dos layouts arrojados. - As cores saturadas precisam de uma cor de ancoragem escura ou muito clara, para o design manter um contraste forte e o texto continuar legível. - A mensagem num design arrojado deve ser curta o bastante para se ler em cerca de um segundo, normalmente cinco palavras ou menos. O **design gráfico arrojado** torna uma mensagem impossível de ignorar: tipografia tão grande que toca as bordas, cor em plena saturação e quase mais nada. Funciona quando há um único protagonista e tudo o resto o serve. Falha quando todos os elementos gritam ao mesmo tempo. Abaixo estão as regras que mantêm claro o design ruidoso, com paletas, escolhas tipográficas e layouts que podes experimentar no teu próximo cartaz ou publicação. ## O que faz o design arrojado funcionar O arrojo é um efeito de contraste. Um título enorme só parece enorme ao lado de algo pequeno; um rosa vibrante só parece vibrante ao lado de algo calmo. Por isso os layouts arrojados constroem-se com extremos: muito grande contra muito pequeno, muito brilhante contra muito escuro, muito cheio contra muito vazio. Tira as partes calmas e as partes ruidosas deixam de funcionar. - **Um protagonista.** Uma palavra, um número ou uma forma que preenche grande parte do enquadramento. - **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.** Texto cortado pelo enquadramento ou encostado à borda parece maior do que é. ## Tipografia arrojada: escolher e compor texto forte A maioria dos layouts arrojados são layouts de tipografia. Pesos pesados, larguras condensadas que deixam uma palavra preencher a largura de um cartaz e larguras expandidas que fazem uma palavra curta parecer monumental. [Fontes arrojadas](https://gradiently.design/pt-pt/guide/bold-fonts) e [fontes de destaque](https://gradiently.design/pt-pt/guide/display-fonts) listam boas famílias; a composição importa tanto como a escolha. | Tratamento | O que faz | Usar em | | --- | --- | --- | | Maiúsculas condensadas pesadas | Cabe palavras longas em tamanhos enormes | Cartazes de eventos, títulos de saldos | | Peso black expandido | Faz uma palavra curta parecer enorme | Afirmações de marca, publicações de uma palavra | | Entrelinha apertada | Empilha as linhas num único bloco sólido | Títulos de duas ou três linhas | | Cortado pela borda | Sugere que o texto é maior do que o enquadramento | Capas, miniaturas, banners | | Contorno mais sólido | Duplica uma palavra sem uma segunda cor | Palavras repetidas, ritmo | Cinco formas de tornar o texto forte. Escolhe uma ou duas por design, não as cinco. Um cartaz vertical com a única palavra MAIS ALTO a ocupar a largura total e uma pequena linha de detalhe por baixo Uma palavra em largura total, uma pequena linha de detalhe. A diferença de tamanho entre elas é todo o efeito. Mantém o espaçamento entre letras ligeiramente apertado em títulos enormes, porque o espaçamento predefinido parece largo em tamanhos grandes, e nunca estiques o texto para caber. Se uma palavra não preenche a largura, escolhe uma fonte mais larga ou uma palavra mais curta. Na Gradiently, tratamentos de lettering como Extrusão, Duplo, Contorno e Riso dão peso extra a um título sem recorrer a uma sombra projetada. ## Paletas de cores arrojadas sem confusão A cor saturada é metade do design arrojado. O truque é ancorá-la. Põe cores vivas sobre um quase preto ou um branco sujo limpo, e limita as cores vivas a duas, relacionadas ou deliberadamente opostas. Três ou quatro cores vivas sem relação em força total é onde o arrojo se transforma em ruído. - Rosa vibrante para laranja: `linear-gradient(135deg, #ff2e63 0%, #ff7a00 100%)` - Azul elétrico: `linear-gradient(135deg, #0047ff 0%, #00d1ff 100%)` - Lima ácida para verde: `linear-gradient(135deg, #d4ff00 0%, #00e676 100%)` - Calor vermelho sobre 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 sinalizador: `linear-gradient(135deg, #ffe600 0%, #ff9900 100%)` Seis fundos arrojados. Cada um usa vizinhos do círculo cromático, por isso as misturas ficam limpas em plena saturação. - Preto de ancoragem: #0a0a0a - Rosa vibrante: #ff2e63 - Amarelo sinalizador: #ffe600 - Branco sujo: #f5f5f0 Uma paleta arrojada: uma âncora escura, duas cores vivas e um branco sujo para o texto pequeno. Usa uma cor viva como fundo e a outra só para o protagonista. > **Verifica o contraste nas cores vivas** Branco sobre amarelo, lima ou laranja vivo falha o contraste, por mais arrojado que pareça no teu ecrã. Usa texto quase preto sobre cores vivas claras. [Contraste de cor e acessibilidade](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) mostra como testar. ## Design arrojado versus design caótico ### Caótico - Três títulos a disputar atenção - Todas as cores em força total - Quatro tipos de letra num só layout - Fundo carregado atrás de texto carregado - Um parágrafo espremido no canto ### Arrojado - Um protagonista, claramente a coisa maior - Duas cores vivas e uma âncora - Uma família em dois pesos - Uma zona calma onde assentam as palavras - Detalhe reduzido a uma linha curta Um fundo ruidoso atrás de texto ruidoso é o falhanço clássico. Se o fundo é rico, o texto precisa de uma região calma onde assentar. Um Mark da Gradiently trata disso movendo a sua zona mais calma e de melhor contraste para trás das palavras e escolhendo texto claro ou escuro por linha, por isso a cor continua grande e a mensagem continua legível. ## Ideias de design gráfico arrojado para experimentar Uma publicação quadrada de saldos com um enorme 48h como ponto focal e uma pequena linha de detalhe Um número como protagonista. Os layouts arrojados adoram um valor curto porque se lê de imediato. Um story vertical de evento com Portas às nove em letra grande sobre um fundo saturado Um story de evento com o título no topo da zona segura e a cor a preencher o enquadramento. - **Publicações de saldos:** a palavra do desconto ou a data como protagonista, mais nada acima da dobra. - **Cartazes de eventos:** o artista ou a data em largura total, detalhes pequenos ao fundo. - **Anúncios de lançamento:** o nome do produto cortado pela borda do enquadramento. - **Miniaturas do YouTube:** duas ou três palavras, peso pesado, uma cor viva sobre escuro. - **Capas de carrossel:** uma palavra enorme que faz as pessoas deslizar para ver o resto. Faças o que fizeres, reduz ao tamanho em que vai aparecer num feed ou num resultado de pesquisa antes de publicar. O design arrojado justifica-se nos tamanhos pequenos: se a palavra protagonista ainda se lê como miniatura, o layout está a fazer o seu trabalho. Se se desfaz em papa, corta palavras antes de cortares o tamanho. O design arrojado tem primos que vale a pena conhecer. O [design brutalista](https://gradiently.design/pt-pt/guide/brutalist-design) é ruidoso pela crueza e não pelo polimento, o [design Memphis](https://gradiently.design/pt-pt/guide/memphis-design) pelo padrão e pelo jogo, e [minimalismo vs maximalismo](https://gradiently.design/pt-pt/guide/minimalism-vs-maximalism) ajuda a decidir que ponta da escala serve a tua marca. Para cartazes em concreto, vê [design de cartazes](https://gradiently.design/pt-pt/guide/poster-design). ## FAQ ### O que é o design gráfico arrojado? Um estilo que usa tipografia sobredimensionada, cor saturada e contraste forte para que uma única mensagem se destaque de imediato. ### Como faço um design arrojado sem parecer confuso? Escolhe um elemento protagonista, faz-o muito maior do que tudo o resto, limita-te a duas cores vivas mais uma âncora e reduz o texto de apoio a uma linha curta. ### Que fontes são melhores para design arrojado? Pesos pesados em larguras condensadas ou expandidas. As condensadas cabem palavras longas em tamanhos enormes; as expandidas fazem as palavras curtas parecerem monumentais. ### O design arrojado é o mesmo que maximalismo? Não exatamente. O maximalismo sobrepõe muitos elementos e padrões; o design arrojado pode ser muito simples, com um título ruidoso e muito pouco mais. ### Que cores funcionam em designs arrojados? Cores saturadas como rosa vibrante, azul elétrico, lima ácida e amarelo sinalizador, ancoradas por quase preto ou branco sujo para o contraste se manter alto.