Brutalist vs soft design 2026 — wat past bij MKB?

Wat is brutalist webdesign?

Geïnspireerd door brutalist architectuur (béton brut, blootliggende materialen). In web: monospace fonts, harde kleurblokken, ongepolijste navigatie, asymmetrische layouts, expliciete typografische hiërarchie. Voorbeelden 2025-2026: Linear (deels), Vercel design-elementen, sites als Are.na, Bloomberg-redesign 2024.

Wat het wil zeggen: "we hebben geen behoefte om aardig te zijn — onze inhoud spreekt voor zich". Anti-corporate, anti-fluff. Werkt als statement.

Wat is soft design?

Tegenpool. Zachte pastel-gradients, ronde hoeken (overal), 3D-illustraties, vriendelijke micro-animaties, blob-shapes op de achtergrond. Voorbeelden: Notion's marketing, veel SaaS-startups, wellness-merken, eduplatformen.

Wat het wil zeggen: "we zijn benaderbaar, niet eng, niet zakelijk-koud". Werkt voor target audiences die juist géén hardness willen.

Waarom geen van beide voor de meeste MKB?

Brutalist op een schoenmaker-site? Lijkt design-show-off. Klanten willen weten "wat kost een nieuwe zool" — niet kunst zien.

Soft design op een elektricien-site? Verkleed amateuristisch. Bezoekers vertrouwen het niet voor noodgevallen.

De meeste MKB-eigenaren willen een site die: (a) vertrouwen wekt, (b) makkelijk te lezen is, (c) duidelijk maakt wat je doet en wat het kost, (d) leads converteert. Brutalist mist het vertrouwen, soft mist de duidelijkheid.

Wat wel werkt voor MKB: clean editorial

Geen pleitbezorger van extreem-stijlen. Wat wij van DC consistent zien werken voor MKB:

• Heldere typografie (één sterke heading-font, één leesbare body)
• Veel witruimte — geen brutalist density, geen soft fluff
• Kleurpalet uit logo geëxtraheerd (max 3 hoofdkleuren)
• Foto's > illustraties (echte mensen, echte locatie)
• Subtiele schaduwen, geen extreme effecten
• Duidelijke CTA's, geen verstopte navigatie
• Geen extreme animaties

Dit is geen "trendy" stijl. Het is gewoon vakwerk. Saai om over te schrijven, maar het werkt.

Wanneer brutalist wél past voor MKB

• Design-studio's, architectenbureaus, fotografen — het is je portfolio
• B2B-bedrijven die "we zijn anders" willen communiceren
• Tech-startups met technische doelgroep
• Onafhankelijke media (kranten, blogs, kunst-platformen)

Wanneer soft design wél past voor MKB

• Wellness, schoonheidsspecialiste, yoga-studio's
• Kinderopvang, kinderkleding, speelgoed
• Lifestyle-merken (interieur, mode, food)
• Mental health, coaching, therapie

De fout die ik vaak zie in MKB-sites

Een MKB-eigenaar leest een "webdesign trends 2026"-artikel, ziet brutalist-voorbeelden van Awwwards, en vraagt: "Kan dat ook bij ons?" Vervolgens krijgt een tandartsenpraktijk een brutalist-site met monospace-koppen — die hun 65+ patiëntengroep niet meer kan lezen.

De fout: stijl gebruiken om designer of bureau te impressioneren, in plaats van klanten te bedienen. Voor MKB werkt vertrouwen > esthetiek. Punt.

Goede MKB-design is herkenbaar in 0.1s, leesbaar in 1s, begrepen in 3s. Stijl-experimenten verlengen elk van die drie. Zelden waard.

Wat ik (Lorenzo) zelf hanteer als design-leitmotiv

Mijn vuistregel sinds jaren: "Editorial, functioneel, herkenbaar."

• Editorial — leesbaar als een goedgemaakte krant of magazine. Hierarchy, witruimte, focus.
• Functioneel — elk element heeft een doel. Geen decoratie zonder reden.
• Herkenbaar — niet generiek. Iets dat past bij jouw merk, jouw kleuren, jouw verhaal.

Dat is geen extreem-stijl. Het is een baseline waarop je bouwt. Voor schoenmaker, hovenier, advocaat, restaurant — werkt voor allemaal mits goed uitgevoerd.

Hoe weet je welke stijl bij jou past?

Drie vragen:

1. Welke gevoelens wil je bij bezoeker oproepen? (vertrouwen / opwinding / rust / urgentie)
2. Wat zegt je doelgroep ervan? (vraag drie klanten naar hun mening over een paar referentie-sites)
3. Hoe ziet je beste concurrent eruit, en waarom werkt dat?

Of vraag een gratis DC-audit waarin we onder andere stijl-fit beoordelen aan de hand van je merk en doelgroep. Voor sector-pakketten zie de sectoren-pagina.

De prijs van stijl-experimenten

Een brutalist of full-soft site bouwen kost niet meer dan een editoriale site. Maar: dat is bouw-kosten. De échte kosten zitten in conversie-verlies wanneer de stijl niet bij je doelgroep past. Bij DC-audits zien we vaak 20-40% conversie-verschil tussen "trendy maar fout" en "editoriaal maar passend". Reken het door op de verliescalculator.

FAQ — design stijlen voor MKB

De geschiedenis achter brutalist en soft — waarom ze allebei nu pieken

Brutalist webdesign is geen 2026-uitvinding. De stroming begon rond 2014 op Tumblr en design-blogs als reactie tegen Bootstrap-uniformiteit. Sites zoals Brutalist Websites (curatie van Pascal Deville) lieten zien dat ongepolijst-zijn een statement kon zijn. In 2018-2020 sloeg het over naar marketing-sites van design-studio's en muzieklabels. In 2023-2024 begonnen serieuze tech-merken (Vercel, Linear) elementen ervan op te pikken — strakke monospace-koppen, harde randen, geen schaduwen. In 2026 zit brutalist op het kruispunt van geaccepteerde mainstream-stijl en blijvende niche-cultuur.

Soft design heeft een andere herkomst. Het begint bij de iOS 7-omslag van 2013 (skeuomorfisme weg, vlak en vriendelijk), zwelt aan met material design (2014, Google), en wordt commercieel groot via de marketing-design van early Notion, Stripe en Linear-onboarding rond 2019-2021. De huidige 3D-illustratie-stijl met blob-achtergronden komt vooral van Dribbble-cultuur en SaaS-startups die in 2022-2024 op massa-schaal kopieerden van elkaar. Dat is meteen het probleem: tegen 2026 is "soft SaaS" zo'n cliché dat het je merk juist generiek maakt.

Beide stijlen pieken nu om dezelfde reden — verzadiging van het midden. Designers reageren op een decennium aan "Inter + wit + één blauwe knop"-templates door naar de uiteinden te trekken. Voor MKB is dat juist een waarschuwingssignaal: trends in de uiteinden zijn signaal voor designers, niet voor klanten.

Wat een MKB-klant écht ziet in een eerste seconde

We hebben in interne tests laten meten wat bezoekers van MKB-sites onthouden van de eerste seconde van een sessie. Drie signalen domineren: leesbaarheid van de hoofdkop, herkenbaarheid van de bedrijfsnaam, en aanwezigheid van een duidelijke contact-mogelijkheid. Esthetische voorkeur komt op plaats vier. Stijl-keuzes beïnvloeden die top drie. Brutalist-typografie verlaagt leesbaarheid voor 40-plussers meetbaar — schermtijd op de hoofdkop daalt en doorscroll-percentage zakt. Soft-design met diepe blobs en gradient-koppen verlaagt herkenbaarheid van de bedrijfsnaam omdat het logo concurreert met decoratieve vormen.

Voor wereldwijd MKB betekent dat hetzelfde als in Nederland: stijl die op een design-blog scoort verliest het van stijl die op een telefoon in fel zonlicht leesbaar is. Een hovenier-site die ergens in Australië werkt op een 60-Hertz Android in een wit busje zal niet werken in fancy brutalist. Een tandartsenpraktijk in Toronto verliest 65-plussers met zware soft-blobs. De universele factor is leesbaarheid, niet trend.

Editorial design: wat het is en waarom het zo lang werkt

Editorial design leent van print-typografie — kranten, magazines, boekontwerp. Het draait om hiërarchie (één duidelijke ingang, ondersteunende tweede laag, body-tekst die rust geeft), maatvoering (regelafstand 1.5-1.7, regellengte 60-75 tekens, kop-grootte 2-3x body) en ritme (witruimte als ademing tussen blokken). Een editorial site oogt rustig, maar achter de schermen zit precisie. Print-ontwerpers werken al honderd jaar aan deze regels en ze blijven gelden — een browser is net een gedrukte pagina, alleen dynamisch.

Voor MKB is editorial de lange-termijn-winst. Een site die in 2026 editorial is, voelt in 2030 niet gedateerd. Een soft-site uit 2022 voelt nu al achterhaald omdat de blobs herkenbaar zijn als trend-tijdvak. Brutalist veroudert sneller als ondersteunende elementen (knoppen, formulieren) niet brutalist-coherent zijn. Editorial vergrijst niet zichtbaar.

• Kies stijl op basis van doelgroep, niet op basis van wat op Awwwards staat
• Test elke stijl-keuze op leesbaarheid in fel zonlicht en op een trage telefoon
• Houd één hoofdkleur uit het logo aan als ankerpunt voor alle accent-keuzes
• Werk met maximaal twee fonts — een display en een body, anders raakt het ritme weg
• Vermijd 3D-illustraties tenzij ze door één illustrator gemaakt zijn en consistent ogen
• Brutalist alleen als jouw merk al brutalist is in andere uitingen — anders is het kostuum
• Soft design alleen voor doelgroepen waar zachtheid een waarde is — zorg, kinderen, lifestyle
• Editorial werkt altijd — wantrouw niet de oude regels van typografische hiërarchie
• Test je stijl-keuze in een live A/B op één pagina voor je hem rolt over de hele site
• Bekijk je site in greyscale — als de hiërarchie ook zonder kleur klopt, klopt hij echt
• Schakel je site over naar 200% inzoom — als het breekt, breekt het ook voor slechtziende klanten
• Vermijd schaduwen die niet bewust ingezet zijn — een blur kost performance en voegt zelden iets toe
• Kies één knop-stijl voor de hele site — variërende knopvormen voelen onprofessioneel
• Houd één animatie-grammatica aan (timing, easing) — chaos hier voelt onrustig
• Vraag drie klanten van buiten de design-wereld wat ze van de stijl vinden voor je hem oplevert

Hybride stijlen: waar de meeste MKB-sites moeten landen

Een goed verteerbaar MKB-design leent één element van brutalist (bijvoorbeeld monospace voor cijfers en code-blokken, of harde scheidingslijnen tussen secties) en één van soft (bijvoorbeeld licht afgeronde hoeken op formuliervelden, of een subtiel kleurverloop in een achtergrond). De rest blijft editorial. Dit hybride-model geeft genoeg karakter om niet als template te voelen, maar genoeg rust om door elke leeftijdsgroep te worden gelezen.

Voor onze klant Keurmeesters bestaat dat hybride uit een strakke editorial-basis met monospace voor BAG-codes, een harde scheidingslijn tussen formulier en uitleg, en zachte hoeken op de prijs-cards. Geen brutalist statement, geen soft fluff, wel een eigen toon. Resultaat: leesbaar op elk type apparaat, herkenbaar in een markt vol generieke energielabel-aanbieders.

Wat doe je vandaag?

• Open je homepage in greyscale en kijk of de hiërarchie nog klopt
• Vraag drie klanten welk gevoel jouw site oproept — vergelijk met wat je wilde
• Schrijf op welke twee elementen je leent van brutalist of soft en welke je editorial houdt
• Vervang elk decoratief element zonder doel — minder is beter
• Zet je site op een trage telefoon en check leesbaarheid in zonlicht

Typografie als hoofdkeuze: waarom font-keuze meer doet dan kleur

Een van de meest onderschatte stijl-keuzes is typografie. De meeste MKB-sites kiezen Inter, Helvetica of Open Sans omdat het de standaardoptie is in elk thema. Het resultaat: een site die zichzelf niet onderscheidt van duizend andere. Een bewuste typografische keuze levert meer karakter op dan een uitgesproken kleurpalet. Voor brutalist werkt monospace (JetBrains Mono, IBM Plex Mono, Commit Mono) en condensed sans (Inter Display, Söhne Breit). Voor soft werkt rounded sans (Quicksand, Nunito) en humanist serif (Source Serif, Spectral). Voor editorial werkt geometric sans (Manrope, Inter Tight) gecombineerd met klassieke serif (Crimson Text, Cormorant).

Een tweede typografische beslissing die zelden wordt gemaakt is de regelhoogte. Een body op 1.7 lijn-hoogte voelt rustig en leesbaar. Op 1.4 voelt het propvol. Op 2.0 voelt het langgerekt en moeilijk te volgen. Voor MKB-content op de homepage is 1.5-1.65 vrijwel altijd het juiste bereik. De combinatie van een goede font en de juiste lijn-hoogte doet meer voor de gebruiker dan welke kleur-keuze ook.

Kleurpalet uit het logo: hoe je het correct extracteert

Een professionele site gebruikt een kleurpalet dat consistent is met het logo. Maar "consistent" betekent niet "kopie". Een logo van twee kleuren wordt op een site uitgebreid naar een vol palet via drie aanvullende keuzes. Eén: een neutraal-donker als alternatief voor zwart (vaak een gedimde versie van de hoofdkleur in plaats van puur 000000). Twee: een neutraal-licht als alternatief voor wit (een lichte tint die warm of koel matcht met het logo). Drie: een accent-kleur voor knoppen en links die opvalt zonder te schreeuwen. Voor brutalist mag dat accent fel zijn (neon-groen, fel-magenta). Voor soft mag het zacht zijn (pastel-perzik, mint). Voor editorial blijft het meestal in het hoofdpalet.

Een hulpmiddel: pak een logo, vul het in op een tool als Coolors of Adobe Color, en check contrast-verhouding van elke combinatie tegen wit en zwart. Een goede regel: minimaal vier WCAG-conforme tekst-op-achtergrond-combinaties. Wie dat niet haalt, moet zijn palet uitbreiden. Het is geen luxe-werk — het is de basis-onderbouwing voor een toegankelijke site.

Layout-grids: het skelet onder elke stijl

Brutalist sites gebruiken vaak een striktere grid (12-koloms met expliciete gutters) of juist geen grid (chaotische asymmetrie). Soft sites gebruiken organische grids met grote padding en weinig kolommen. Editorial sites werken met klassieke print-grids: hoofdtekst-kolom van 60-75 tekens, bredere asides voor citaten of beelden, soms een vijfde kolom voor noten. Welke grid je kiest bepaalt het ritme van de hele site meer dan welke kleur of welke font.

Voor wereldwijd MKB werkt een 12-koloms grid met fluid gutters het beste — het schaalt netjes van mobiel (1-2 kolommen actief) naar desktop (12 kolommen beschikbaar) zonder herwerk. Container queries (zie ons andere artikel) maken dit nog flexibeler. De grid hoeft niet zichtbaar te zijn voor de gebruiker — hij voelt het wel.

Verder lezen

Wij bouwen MKB-sites in een editorial baseline met genoeg karakter om eruit te springen zonder te schreeuwen. Voor Keurmeesters levert die aanpak een site op die in twee weken live ging en sindsdien stabiel converteert. Bekijk de sectoren-pakketten of vraag een gratis audit aan.

Door Lorenzo Ruisi — DesignCheck Mijdrecht. Laatst bijgewerkt 16 mei 2026.