Recepten.pb.nl — restyle als systeem
De restyle van pb.nl/recepten is geen visuele facelift, maar een technische doorvertaling van één ontwerpsysteem dat nu over al onze projecten heen hangt. I, heb een nieuwe design stijl die ik nu begin 2026 over al onze projecten heen aan het designen ben.
Wat begon bij pb.nl en zich verder heeft aangescherpt bij perfectmoods.com, is uitgegroeid tot een vaste PB-stijl: donker, gelaagd en systemisch. Geen decoratie, maar structuur. Geen trends, maar logica, en tech uitstraling.
Onze designtaal is opgebouwd als interface:
een donkere basis met gecontroleerd contrast
functionele typografie, gericht op rust en leesbaarheid
subtiele grid-referenties en technische UI-markers
minimale animatie, alleen waar het informatie versterkt
geen “pagina’s”, maar modulaire schermen
Bewuste layoutkeuzes
We hebben bewust gekozen voor een linker navigatie.
Niet esthetisch, maar functioneel.
Het geeft ruimte aan banners, filters en context zonder het hoofdvlak te belasten. Op mobiel vertaalt dit zich vanzelf naar een hamburger-menu dat logisch voelt en schaalbaar blijft. Eén navigatiestructuur, meerdere schermgroottes, geen aparte oplossingen.
“Dan vraag je je af: hoe lang duurt een volledige restyle tegenwoordig eigenlijk?”
In dit project: ongeveer anderhalf uur. ja echt...... elle pagina' sook het volledig cms.
De HTML is vooraf opgebouwd via Aura (Gemini 3 Pro) als pure stijllaag, 1 volle html voor design elementen. Die is één-op-één aangeleverd bij Replit, met behoud van het bestaande CMS en alle data. Geen migratie, geen refactor — alleen design.
Techniek onder de motorkap
Naast de restyle draait dit project inmiddels op een aantal vaste technische principes:
JSON-import
Recepten worden geïmporteerd als gestructureerde data. Geen losse velden meer invullen, geen handwerk.Restaurant-module (in opbouw)
We zijn gestart met een apart restaurant-onderdeel, opgebouwd binnen hetzelfde systeem.Automatische vertaling via API
Elk recept dat wordt opgeslagen, wordt direct via een ChatGPT API-koppeling vertaald naar Engels.AI-beeldproductie
Beeld ontstaat via prompts uit een getrainde GPT-setup, uitgevoerd in Midjourney. Consistentie vóór creativiteit.
Geintegreerde Perfectmoods playbar.
Waar we vroeger weken kwijt waren aan plannen, inkopen en uitzetten, is een restyle nu iets wat je durft te doen. Snel. Iteratief. Over meerdere projecten tegelijk.
Recepten.pb.nl draait nu op hetzelfde visuele én technische systeem als onze andere platforms.
Niet aangepast — maar geïntegreerd.
En dat maakt ontwerpen weer licht. En schaalbaar.
Peter.
CMS Screenshots en indrukken:
[IMAGE_GRID:1]