Het begin: één ervaring, overal
De afgelopen twee dagen hebben we (Replit en ik) in korte blokken gewerkt aan iets groots: een volledig site-wide light/dark mode systeem voor PB.nl.
Niet een simpele schakelaar die kleuren omdraait, maar een doordacht fundament dat overal hetzelfde voelt en werkt — van homepage tot F1-dashboard en lookbooks.
Wat we hebben neergezet
Eén thema, overal onthouden
Welke pagina je ook bezoekt, je voorkeur blijft bewaard. Eén keuze, één ervaring — consistent door de hele site.
Een rustige, vaste toggle
De light/dark toggle is nu een compacte slider met zon- en maanicoon. Altijd op dezelfde plek, op desktop én mobiel. Geen zoeken, geen ruis.
Lookbooks met eigen karakter
Lookbooks kunnen hun eigen standaard sfeer hebben, zonder de gebruiker vast te zetten. De balans tussen redactionele keuze en persoonlijke voorkeur blijft intact.
De homepage opnieuw opgebouwd
De homepage ademt nu volledig mee met het gekozen thema:
warme off-white tinten in light mode
diep, rustig zwart in dark mode
subtiele gradients op beeld
een lichte, ademende TEUN-carousel
illustraties die automatisch mee schakelen
Alles voelt samenhangend, nergens geforceerd.
Een nieuwe footer
Strakker, functioneler en rustiger:
formulier en nieuwsbrief logisch naast elkaar
scherpe hoeken, geen ronde afleiding
volledig afgestemd op beide modi
Nieuws in PB-tempo
Het NIEUWS-blok sluit nu visueel aan op de F1-stijl: compact, helder, met duidelijke accenten en focus op inhoud.
Het kleurenpalet
Dark mode (standaard)
Achtergrond: diep zwart
Oppervlaktes: net iets lichter
Tekst: helder wit
Lijnen: subtiel, terughoudend
Light mode
Achtergrond: warm off-white
Oppervlaktes: zacht beige
Tekst: donker, bijna bruin
Lijnen: licht en rustig
Geen harde contrasten, wel spanning.
Onder de motorkap
Het systeem is technisch solide opgezet, maar voelt licht en vanzelfsprekend. Alles is gebouwd om mee te groeien: nieuwe secties haken automatisch aan zonder extra werk.
En nu verder
Dit is geen eindpunt, maar een basis. Zoals je weet verbouw ik zo vaak :)
De vormentaal — strakke hoeken, rustige typografie, heldere keuzes — loopt nu door de hele site. PB voelt weer als één geheel.
Precies zoals het hoort.
Peter.
