Brutalismo tátil em 2026: por que voltei a desenhar sites que parecem feitos por gente
Brutalismo tátil, em 2026, é isto: geometria dura, contraste alto, grade visível, tipografia grande e textura que sugere material físico, no lugar do soft UI de sombra difusa e canto muito arredondado. Eu passei a usar esse repertório nos projetos do Studio Seu por um motivo prático, não por moda: depois que o mercado inteiro começou a gerar layout com IA, o visual médio da web ficou idêntico, e parecer feito por gente virou diferença comercial de verdade.
Por que o brutalismo tátil voltou justo agora
A explicação que eu vejo no dia a dia é simples. Em 2026, montar uma landing page bonitinha custa quase nada: template vibe-coded, componente pronto, gradiente suave, três cards com sombra. O resultado é que dezenas de marcas do mesmo setor chegam ao mercado com a mesma cara. Quando tudo converge para o mesmo ponto, a única saída é escolher deliberadamente parecer diferente.
Tem também um lado de ferramenta. No Config 2026, em julho, a Figma lançou code layers, o Figma Motion, shader fills e effects, além do agente com skills e connectors. Em agosto de 2026 ela liberou escrever skills do próprio agente dentro do Figma e melhorou a edição vetorial. Ou seja: ficou barato produzir qualquer estética, inclusive as difíceis. O relatório State of the Designer 2026, da própria Figma, reforça o clima: 89% dos designers dizem trabalhar mais rápido com IA e 91% dizem que as ferramentas novas melhoram o design que entregam. Se todo mundo ficou rápido, velocidade parou de ser vantagem. O que virou vantagem é ter ponto de vista.
O contraponto que pouca gente comenta: o vidro do outro lado
Enquanto a web endurece, os sistemas operacionais foram para o lado oposto. A Apple lançou o Liquid Glass em 2025, com camadas translúcidas em iOS, iPadOS e macOS, e ouviu uma reclamação pesada de legibilidade: texto sobre fundo ocupado, contraste baixo, cansaço visual. Na WWDC 2026 a resposta veio como um controle de transparência para o próprio usuário reduzir o efeito, somado ao velho Reduzir transparência da acessibilidade.
Para mim a lição é clara, e eu digo isso para cliente sem rodeio: se a maior empresa de design de produto do mundo precisou entregar um botão para desfazer o próprio efeito, o efeito nunca foi neutro. Eu prefiro o caminho contrário. Começo pelo legível e só depois adiciono material.
O que eu mudei nos projetos do Studio Seu
- Sombra fora, borda dentro: troquei sombra difusa por linha de 1px e bloco cheio. Fica mais nítido em tela ruim e pesa menos.
- Grade visível: deixo a estrutura aparecer, com régua, divisória e número de seção. Estrutura à mostra passa a ideia de que alguém decidiu aquilo, e alguém decidiu mesmo.
- Tipografia como imagem: título grande, peso alto, entrelinha curta. Texto pesa quilobytes, foto pesa megabytes, e o resultado ainda carrega rápido.
- Textura no lugar de gradiente: papel, grão, impressão, foto de produto real na mão de alguém. É onde mora o tátil do nome.
- Um elemento fora do esquadro: um selo torto, uma legenda escrita à mão, uma foto que não foi tratada até virar plástico. É justamente o detalhe que a geração automática quase nunca arrisca.
Contraste duro não é contraste ruim
Esse é o erro que eu mais vejo em quem tenta o estilo. Cor saturada sobre cor saturada dá briga, não contraste. Eu continuo medindo a taxa de contraste de cada par de cor, testo com zoom de 200% e com alto contraste ligado, e não uso amarelo puro sob texto claro só porque a referência que o cliente mandou usou. Bem feito, o brutalismo é aliado da acessibilidade: ele empurra naturalmente para bloco sólido, texto grande e área de clique generosa.
Onde eu não uso
Não uso em tudo, e acho honesto dizer isso. Marca de saúde, produto financeiro e público mais velho costumam ler dureza visual como desleixo ou como erro de carregamento. Já em estúdio criativo, moda, cultura, restaurante e software para gente técnica, funciona muito bem. E mesmo nos projetos em que uso, o checkout continua o mais convencional possível: ali eu quero previsibilidade, não personalidade. Perder venda por causa de estilo é o tipo de vitória estética que não paga conta no fim do mês.
Como eu decido, em três perguntas
- Essa tela ainda seria reconhecida como dessa marca se eu apagasse o logo?
- Um cliente de 55 anos, no celular, no sol, lê o texto principal sem apertar os olhos?
- Algum elemento aqui existe só porque está na moda, e não porque resolve alguma coisa?
Se a resposta da terceira for sim, eu tiro. Sempre.
Perguntas frequentes
Brutalismo tátil é a mesma coisa que neobrutalismo?
São primos. O neobrutalismo veio da web mais crua, com borda grossa e cor chapada. O brutalismo tátil de 2026 acrescenta materialidade: textura, papel, grão, sensação de coisa física na tela.
Esse estilo prejudica o SEO?
Não, desde que o texto seja texto de verdade. O problema aparece quando o estúdio transforma título em imagem para garantir a fonte. Aí você perde leitura de máquina, e em 2026 quem lê o seu site também é IA.
Funciona em e-commerce?
Funciona na home, nas páginas de marca e na vitrine, que é onde a marca precisa ser lembrada. No carrinho e no checkout eu recomendo o padrão que o usuário já conhece.
Preciso trocar minha identidade inteira?
Não. Na maioria dos casos eu mexo em três coisas: escala tipográfica, tratamento de imagem e o jeito de mostrar a estrutura. A marca continua a mesma, com outra postura.
O que eu levo disso
Minha leitura é que 2026 separou duas coisas que andavam juntas: produzir e decidir. Produzir ficou barato para todo mundo. Decidir continua caro, e é isso que o cliente compra quando contrata design. O brutalismo tátil não me interessa como estilo, me interessa como evidência: uma tela que mostra escolha, textura e mão humana comunica autoria antes de comunicar qualquer texto.
Se você está olhando para o seu site e sentindo que ele poderia ser de qualquer concorrente, é exatamente esse o problema que eu gosto de resolver. Me chama para conversar aqui no Studio Seu, com o link do seu site em mãos, que eu te digo em poucos minutos o que dá para endurecer sem quebrar nada.