A personalidade dividida do desenvolvimento web brutalista

Publicados: 2022-03-10
Resumo rápido ↬ Sem frescuras, ou folhos de néon piscando com aspersores conectados? Sites 'brutalistas' floresceram nos últimos anos, mas sua filosofia orientadora permanece obscura.

De todas as tendências de design que chegaram à Internet nos últimos anos, o brutalismo é certamente a mais atraente e a mais mal definida. Uma variedade de grandes marcas adotaram a estética 'brutalista' online. Existem até diretórios para os interessados ​​em ver uma seleção deles em um só lugar. O estilo entrou bem e verdadeiramente no mainstream.

Página inicial da área de trabalho do Bloomber.com
O design austero e prático da Bloomberg.com foi lançado em 2016 e refinado em 2018. Muitas vezes, é apontado como um dos principais exemplos do crescimento do brutalismo online. (Visualização grande)

De fato, o web design brutalista cresceu tão rapidamente que não parece haver um consenso claro sobre o que o estilo realmente é . Para alguns significa praticidade, para outros ousadia. Muito parecido com a arquitetura que leva seu nome, o desenvolvimento web brutalista tornou-se duas filosofias concorrentes em uma. Nenhum é necessariamente 'certo', mas saber a diferença é importante. Pode até ser sensato começar a chamá-los de coisas diferentes.

Mais depois do salto! Continue lendo abaixo ↓

Uma breve (ish) história do brutalismo

Antes de nos anteciparmos, vamos recapitular o termo “brutalista” – de onde veio e o que significa. O brutalismo é um estilo de arquitetura que decolou após a Segunda Guerra Mundial, atingindo seu auge nos anos 50 e 60. Defendendo designs simples e geométricos e materiais de construção descobertos, a tendência foi em grande parte uma reação contra as estruturas ornamentadas e superprojetadas das décadas anteriores.

O nome vem de beton brut , que é francês para concreto bruto ou bruto. O concreto é um material comum para estruturas brutalistas, prestando-se à abordagem sem frescuras do estilo. Outros materiais podem ser e são usados, mas o concreto é especialmente comum. Quaisquer que sejam as estruturas, os enfeites são considerados desnecessários. A forma e os materiais são suficientes.

O Reino Unido, com sua predileção por coisas cinzas e monótonas, aderiu particularmente ao estilo. Exemplos notáveis ​​de arquitetura brutalista aqui incluem o Royal National Theatre, o Barbican Estate e a Balfron Tower. Ele provou ser especialmente popular para edifícios públicos – bibliotecas, teatros, universidades, conjuntos habitacionais e assim por diante.

O Royal National Theatre em Londres
O Teatro Nacional em Londres. Projetado por Denys Lasdun e inaugurado em 1976, é um exemplo clássico da arquitetura brutalista. É um dos edifícios mais odiados e mais amados da Grã-Bretanha. Fotografia de Henry Hemming. (Visualização grande)

Embora não haja uma definição abrangente com a qual todos concordem, a deferência é frequentemente prestada ao crítico de arquitetura inglês Rayner Barnam, cujo ensaio de 1955 “On the New Brutalism” tentou delinear as ideias centrais do estilo. Antecipando aqueles de vocês que não leriam a coisa toda, Barnham resumiu a filosofia ao seguinte:

Em última instância, o que caracteriza o Novo Brutalismo na arquitetura como na pintura é precisamente sua brutalidade, seu je-m' en-foutisme, sua sanguinolência.

Traduzido livremente, je-m' en-foutisme se traduz como 'não dê a mínima para a atitude'. Com certeza, os edifícios brutalistas não se preocupam com os padrões convencionais de beleza. Eles também são bastante divisivos. Onde alguns exultam sobre seu caráter firme e utilitário, outros condenam a feiura, a impessoalidade e, bem, a brutalidade.

Ame ou odeie, a arquitetura brutalista celebra a crueza. De fato, Barnam abriu seu ensaio com uma citação do arquiteto suíço-francês Le Corbusier: “Arquitetura é o estabelecimento de relações móveis com matérias-primas”. Os projetos de habitação Unite d'habitation de Le Corbusier inspiraram uma geração de arquitetos brutalistas.

Varandas na La Maison du Fada em Marselha
Varandas no La Maison du Fada em Marselha, França. Projetado por Le Corbusier e concluído em 1952, foi um exemplo pioneiro de design residencial brutalista. Fotografia de Jean-Pierre Dalbera. (Visualização grande)

Então, em suma, a arquitetura brutalista não apenas reduz a construção a seus materiais fundamentais, mas encontra beleza nessa simplicidade. Os críticos dizem que é um pouco na sua cara, um pouco impessoal, um pouco totalitário até. O duplo significado de 'cru' e 'brutal' obscureceu a definição, mas como regra, o objetivo é a crueza e o resultado é percebido por alguns como brutal.

O estilo diminuiu em popularidade desde o auge do pós-guerra, mas permanece como um dos mais distintos ao redor. Alguns poucos alcançaram o status listado, e eu estou feliz que eles tenham. Uma cidade de edifícios brutalistas seria um pouco demais, mas uma cidade sem nenhum é mais pobre por isso.

Leitura adicional

  • #SOSARCHITECTURE, um arquivo online de edifícios brutalistas
  • 'Os incríveis hulks: Jonathan Meades' AZ de brutalismo' para The Guardian
  • lista da Wikipedia de estruturas brutalistas

Praticidade ou Audácia?

Então, o que tudo isso tem a ver com desenvolvimento web? A filosofia, principalmente, e a forma como se fragmentou. O brutalismo encontrou uma nova vida online, especialmente nos últimos três ou quatro anos. Uma enorme quantidade de sites assumiu o apelido de brutalista e, com a ascensão da tendência, vieram acompanhando aw(ww)ards, artigos e diretórios.

Navegando por essas coisas, você pode ter a impressão de que nem todo mundo está falando sobre a mesma coisa. Isso é porque eles não são. No mundo do desenvolvimento web, 'brutalista' cresceu para abranger uma variedade de estilos. É um desserviço aos designers continuar juntando abordagens tão diferentes. Separei o brutalismo da web em dois tipos abaixo, mas, como veremos, até isso pode não ser suficiente.

Tipo um: l'Internet Brut

O primeiro tipo de web design brutalista tem muito mais em comum com seus antepassados ​​arquitetônicos. Pense nisso como l'Internet brut , onde as matérias-primas são HTML e, em menor grau, CSS. Os fundos são claros, o texto é preto e os hiperlinks são azuis. Há algum espaço de manobra, mas essa é a essência. Sem enrolação. Além de exibir o código real, você não poderia ficar muito mais áspero.

O primeiro site de sempre
No começo era o Estilo, e o Estilo era com o Brutalismo, e o Estilo era o Brutalismo. (Visualização grande)

Existem inúmeros exemplos desse estilo, grandes e pequenos. O primeiro site de todos os tempos é um discípulo inadvertido, enquanto mais recentemente o Brutalist Web Design do programador David Bryant Copeland apresenta um pequeno e adorável manifesto para o estilo.

Subindo no mundo, outros sites com fortes traços brutalistas incluem:

  • Craigslist
  • Wikipédia
  • Uma lista à parte
  • (Antigo) Reddit
  • Bloomberg
  • Ciclo livre.

Embora as matérias-primas desses sites sejam muito semelhantes, nem todas parecem iguais. Eles são moldados em torno de seu conteúdo e propósito. Como seus primos arquitetônicos, na verdade há uma enorme variedade de formas.

Página inicial do Craigslist em Londres como aparece em 2020
Um site l'Internet brut adequado. Tem até cinza! (Visualização grande)

Como você pode ver na página inicial do Craigslist acima, há muito pouco em termos de excesso e possivelmente ainda menos em termos de estilo. Ele mal mudou em 20 (!) anos, porque não precisava. Dê uma olhada no código e até mesmo um novato como eu pode acompanhar como as páginas são montadas. Você não precisa adivinhar como ele é construído porque está bem ali na sua frente.

Com sites como este, você geralmente notará uma sobreposição com os 'conscientes do público' que se apoiam em muitos desses sites - mercados, fóruns, enciclopédias. É estranhamente apropriado ver um site como a Wikipedia assumir a forma digital de, digamos, Robin Hood Gardens. A Bloomberg também tem muita companhia no espaço de notícias. Jornais como The New York Times e The Washington Post adotaram designs funcionais e contundentes nos últimos anos. O design de notícias sempre teve uma forte tendência brutalista.

Homepage desktop do site do The Washington Post
O site renovado do Washington Post foi lançado em 2015. O designer de jornais Mario Garcia o elogiou na época por 'evitar desordem e aglomeração'. (Visualização grande)

Vale a pena mencionar aqui que vários dos sites usados ​​como exemplos aqui não pretendiam ser brutalistas. Assim como a Villa Goth, que é amplamente considerada a fonte do termo brutalismo, eles se propõem a ser práticos e simples. Eles foram adotados, por assim dizer. Seu sucesso é o que inspirou (e continua a inspirar) arquitetos e desenvolvedores. Eles estão tão despreocupados com as aparências que se tornaram exemplos brilhantes de design brutalista sem nem perceber!

Sites nessa linha nem sempre gritam beleza, mas há uma elegância em sua funcionalidade. Eles são despreocupados e despretensiosos, moldados para seu propósito usando os elementos brutos da web. (trocadilho intencional.)

Tipo Dois: l'Internet Fou

Esta é a divisão. Bem aqui. Aqueles de vocês com um interesse passageiro em tendências de web design saberão que o que vimos até agora não dá conta de um grande número de sites 'brutalistas'. Como Vitaly Friedman observou em Smashing Book 6:

O brutalismo na arquitetura é caracterizado pela estética despreocupada, não pela estética intencionalmente quebrada. Quando aplicado ao web design, esse estilo geralmente acompanha convenções de design e princípios orientadores deliberadamente quebrados.

A ascensão do design 'brutalista' nos últimos anos teve muito mais a ver com brutalidade do que com crueza. Este é o mundo mais louco, às vezes beirando a anarquia. Aqui as convenções de design são subvertidas e a usabilidade é uma reflexão tardia - e isso não é quando está sendo ativamente sabotado. Estes são os sites que solicitam artigos intitulados 'Estilo acima da substância', e para o The Washington Post resumir o estilo como 'intencionalmente feio'.

Homepage desktop da revista de arte Papel higiênico
A página inicial da revista de artistas Toiletpaper. (Visualização grande)
Página inicial do desktop do site brutalista JI SOO ​​EOM auto-descrito
JI SOO ​​EOM, outro site encontrado no diretório Brutalist Websites. (Visualização grande)

No artigo adequadamente indutor de enxaqueca 'Brutalism: BrutAl wEbsItes for mOdern dAy webMAsTeRS', Awwwards descreve esta segunda cepa da seguinte forma:

O brutalismo no web design ri na cara do racionalismo e da funcionalidade, no mundo do design pode ser definido como freestyle, feio, irreverente, cru, superficialmente decorativo, etc.

Espero que não seja controverso dizer que esta é uma abordagem completamente diferente do tipo um. Em um trecho, você pode argumentar que essa abordagem é mais o domínio de artistas e designers gráficos, e que a arte é, portanto, a forma mais crua que seus sites podem ter, mas isso seria um exagero. Não há dúvida de que a arquitetura brutalista pode derivar para o território da 'declaração', mas esse não é seu reino natural.

O diretório Brutalist Websites sugere: 'O brutalismo [online] pode ser visto como uma reação de uma geração mais jovem à leveza, otimismo e frivolidade do web design de hoje.' Há nuances do ethos brutalista fundador nisso, mas é mais irreverente e subversivo. Eles podem ser muito bonitos à sua maneira, mas também cortados de um tecido completamente diferente dos Craigslists deste mundo.

Esta cidade não é grande o suficiente para nós dois

Então você tem isso. Quando o design da web brutalista não está apostando no racionalismo e na funcionalidade, está rindo da cara do racionalismo e da funcionalidade. Tudo limpo?

O termo cresceu para abranger abordagens que estão em muitos sentidos em desacordo umas com as outras. De fato, Pascal Deville, que fundou o diretório Brutalist Websites depois de cunhar o termo em 2014, acha que o estilo se dividiu em três micro-estilísticas:

  1. Puristas,
  2. minimalistas de UX,
  3. Anti-istas (ou artistas).

Tendo examinado centenas de inscrições ao longo dos anos, ele saberia melhor do que qualquer outra pessoa. Ele diz:

Os puristas fazem forte referência às características arquitetônicas do Web Brutalism, como o conceito de 'verdade aos materiais' e o uso dos mais puros elementos de marcação disponíveis. Já os minimalistas de UX veem a eficiência e o desempenho como o principal impulsionador do Web Brutalismo e até acreditam que a limitação radical das possibilidades pode impulsionar as conversões. Os 'anti-istas' ou artistas veem o web design como uma forma de arte (ainda) desvalorizada e não mostram muito respeito ao status quo e geralmente recebem má publicidade.

O que é um site brutalista 'adequado'? Até certo ponto, a resposta depende do contexto. Se um site pertence a um artista, então algo impetuoso pode ser mais apropriado do que algo despreocupado. De um modo geral, porém, parece-me que as sensibilidades do tipo 'anti-ista' estão realmente muito mais próximas de algo como o dadaísmo, com todo o seu absurdo e alegria e confusão, ou as tendências vanguardistas do expressionismo.

Pequena Noite Dada por Kurt Schwitters e Theo van Doesburg
Pequena Noite Dada por Kurt Schwitters e Theo van Doesburg. (Visualização grande)
Confusão vertical típica como representação do Dada Baargeld por Johannes Theodor Baargeld
Confusão vertical típica como representação do Dada Baargeld por Johannes Theodor Baargeld. Com qual ramo do web design 'brutalista' eles se parecem mais com você? (Visualização grande)

Não quero que isso pareça um jogo de semântica, onde estilos diferentes são arquivados ordenadamente em pequenas caixas. O que me preocupa mais é destacar diferentes abordagens para que cada uma tenha o espaço necessário para florescer. Como Deville reconhece, o potencial criativo da web ainda está sendo explorado. "É uma nova forma de arte e estou muito feliz em experimentar em primeira mão", diz ele. "Está acontecendo agora."

Isso também tem consequências práticas. Seja você um desenvolvedor conversando com um cliente ou um cliente conversando com um desenvolvedor, vale a pena deixar claro qual versão de web design brutalista você está falando. Se você é um verdadeiro campeão, naturalmente os encaminhará para este artigo. Caso contrário, exemplos visuais como o abaixo são provavelmente sua melhor aposta para chegar ao ponto.

Exemplo para dois estilos de site brutalistas diferentes
Ambos são 'brutalistas', então tenha certeza do que você está pedindo. O desenho à esquerda é um projeto de Constantin Grosnov. (Visualização grande)

Além disso, talvez devêssemos começar a dar nomes diferentes a estilos diferentes. Eu aprecio isso seria bastante inconveniente para muitas pessoas. Domínios foram comprados, prêmios concedidos e artigos escritos, mas daqui para frente o rótulo parece muito restritivo. Já não pode conter tantas abordagens. Se nada mais, a dupla personalidade do desenvolvimento web brutalista mostra quanto terreno ainda precisa ser explorado no web design.

Existem inúmeras escolas de arte - Brutalismo, Expressionismo, Romantismo, Art Deco, Futurismo, Dadaísmo, Impressionismo, absurdo, modernismo, minimalismo e assim por diante. Eles encontram forma através de pinturas, edifícios, literatura… por que não sites? Como os links abaixo mostram, não sou o único a perguntar isso. A cada novo estilo de desenvolvimento, 'anti-mainstream' torna-se menos adequado para descrever o que os designers estão fazendo. Eles estão começando a explorar a filosofia do web design de maneiras que nunca foram feitas antes.

  • Nielsen Norman Group sobre a diferença entre brutalismo e antidesign
  • 'On Web Brutalism e Web Design Contemporâneo' em Dialética
  • Creative Bloq pergunta se sites brutalistas são o 'momento punk' da web
  • Nick Babich descreve os princípios do web design minimalista, de longe o 'ismo' mais popular online até hoje.

A linha 'dadaísta' do web design brutalista tem uma coisa absolutamente certa: o escopo do que um site pode ser é muito, muito estreito. A web é uma caixa de areia infinita, e abraçar a amplitude de possibilidades dentro dela só pode ser uma coisa boa. Isso começa com a expansão do nosso vocabulário.