De mooiste brutalist websites; 8 voorbeelden

De mooiste brutalist websites; 8 voorbeelden

20 november 2019

In dit artikel de mooiste brutalist websites en de geschiedenis van brutalisme; de brute, eerlijke stijl van vormgeven.

In ons eerdere artikel over de webdesign trends van 2019 schreven we al even over brutalisme; brutale websites die maling nemen aan designregels. Felle kleuren, levensgrote letters en drukke animaties schreeuwen hierbij om de aandacht van de gebruiker. Brutalist design spreekt niet iedereen aan, maar wat zeker is; je trekt er zeker de aandacht mee.

In dit artikel de beste voorbeelden van websites die volgens de brutalisme principes ontworpen zijn, maar eerst even een stukje theorie.

Geschiedenis van brutalisme

Brutalisme is vooral bekend als stroming binnen de architectuur welke voornamelijk populair was tussen de jaren '50 en '70. De naam komt van het Franse béton brut dat zoiets betekend als 'ruw beton'. Kenmerkend voor de stijl waren namelijk het vele beton dat werd gebruikt en de blokachtige, herhalende vormen.

Ook kenmerkend voor deze designstijl was het teruggaan naar de ruwe essentie van architectuur. De gebouwen hadden een krachtige uitstraling, niet in de laatste plaats door de gebruikte materialen. Hierdoor kregen de gebouwen een onvolmaakte aantrekkingskracht.

En dit is precies hoe brutalist websites in elkaar zitten. Terug naar de essentie van webdesign van vroeger, met een ruwe, brutale look. Geen zacht palet van pastelkleuren, maar felle kleuren die willekeurig bij elkaar lijken te zijn gegooid.

#00F

Brutalist website 00F

Webbureau #00F (de hex-kleurcode van blauw) maakt gebruik van een felblauwe kleur in verschillende tinten en veel wit.

Kleine details, waaronder de hovereffecten en tekst die schuin gaat staan na het scrollen zorgen ervoor dat deze website ontzettend leuk is om te gebruiken.

Combineer dit met levensgrote letters (die ook nog eens geanimeerd worden) en je hebt een eenvoudig én opvallende website.

One & All Conference

One and All Conference

Knalgroen wordt met wit en zwart gecombineerd. Alsof deze kleurencombinatie niet al om genoeg aandacht schreeuwt, zijn er wilde animaties die op de achtergrond afspelen.

Schermvullende letters en hovereffecten die foto's uitvergroten maken het geheel af.

Tim Tijink

Tim Tijink

De website van Tim Tijink doet bijna minimalistisch aan tussen de andere website op deze lijst. De website gebruikt wit en zwart in combinatie met gifgroen. Op de achtergrond is een groene gradient te zien en ook de cursor maakt gebruik van dezelfde kleur.

De ongebruikelijke navigatie is ook erg minimalistisch vormgegeven, en maakt gebruik van een eenvoudig icoontje.

Meer minimalistische portfolio websites bekijken? Bekijk meer minimalische portfolio websites uit Nederland.

YRS Truly

YRS TRULY

Ook de website van YRS TRULY gebruikt wit en zwart in combinatie met een felle accentkleur. In dit geval wordt knalgeel gebruikt.

De website heeft leuke interactieve details, zo is de achtergrond aan te passen (deze is knalgeel te maken of er is ruis te zien) en lijkt net een bureaublad nagemaakt met verschillende vensters die je kunt verplaatsen of sluiten.

De navigatie is hier iets conventioneler door de verschillende menu-items in een lijstje te zetten aan de linkerhand van de website. Wel is een opvallend lettertype gekozen met een zogenaamde outline.

Dekmantel Festival

Brutalist website Dekmantel

Op deze website geen flikkerende GIFjes of bizarre hovereffecten, maar wel een geanimeerde achtergrond (op scroll) en een vloekend kleurenpalet.

Blauw wordt gecombineerd met oranje-rood. Voor de teksten is gegaan voor wit en zwart.

Coral Agency

Brutalist website Coral

Voor deze website van dit agentschap is gekozen voor een geeloranje kleur waar levensgroot de naam overheen is gelegd.

Op het eerste oog heeft deze website een bijna minimalistische uitstraling, maar de geanimeerde 'vlek' die ook nog eens van kleur veranderd doet toch wat brutalist aan.

Een hovereffect, wat een foto van de artiesten laat zien in de vlek, draagt hiet nog eens aan bij. 

Studio Job

Brutalist webdesign Studio Job

Studio Job heeft de meest schreeuwerige website van deze lijst. Geanimeerde achtergronden - met verschillende, vloekende patronen - een lichtkrant en een cursor die steeds maar verandert; het moet echt je ding zijn.

Opvallen doet het in ieder geval wel. En na een kleine leercurve werkt de navigatie nog best intuïtief.

Just

Brutalist design Just

Dit webbureau uit Leiden maakt gebruik van een zwart-wit kleurenpalet en flikkerende GIF-jes. Gooi hierbij een assymetrisch grid en een hypermodern lettertype in gigantische grootte in de mix en je hebt een brute website.

Ook de onconventionele navigatie, die als het ware over de website ligt, draagt bij aan de unieke uitstraling. Animaties, zoals bij het hoveren, maken het geheel nog eens af.

Meer webdesign artikelen