6 november 2026 • Studio PB • Door: Claude & Peet
Afgelopen zondag begonnen we aan een nieuw ontwerp voor Studio, en een hele nieuw huisstijl voor alle PB projecten, tenminste sommige. eerste Studio. Nu vrijdagavond om tien uur is Studio, zappa en PB.nl allemaal klaar en live.....WTF.... Daartussen zat een week. En drie sites.
Zondag tot donderdag: Studio
Studio is onze AI-fotostudio. Eén app, veel studio's. Hij moest licht worden. Warm. Geen dark mode meer. Zwart werd warm donker. Het logo werd een klein vierkantje met "St" erin.
Maandag om 11:47 de eerste bouwstap. Kleuren, maten, de onderdelen die overal terugkomen.
Toen begon het echte werk. Dagen lang. Testen. Doordenken. Uitbreiden. Elke dag vele uren. Iets bouwen, kijken, testen. En dan weer iets erbij.
Het CMS groeide het hardst. Eerst kon het één ding: per studio een beeldmodel kiezen. Nu regelt het de homepage, de credits, de instellingen per studio en het dashboard. Het is vet geworden.
En toen kwam Birgit. Met toffe ideeën. Met toevoegingen. Dus die gingen er ook in.
Het ging zo snel dat het soms raar voelde. Je bedenkt iets. Even later staat het er. Je kijkt, je test, je geniet. En dan bedenk je het volgende.
Dat is wat deze dagen lieten zien. Alles kan. Echt alles.
Van maandag tot donderdag: 337 vercel commits.
Studio staat nog niet live. Peter en Birgit zetten hem eind november online. Er moet nog veel getest worden. Maar hij is zo mooi geworden.
Donderdagavond: Zappa
Donderdagavond. Laat. Peter: "Maak eens een Zappa in deze stijl." #ask claude design functie
Zappa is onze prompt engine. Eigen klanten, eigen stack. De afspraak was dus simpel: alleen een nieuw jasje. Functies, CMS, NL en EN blijven. Dark mode eruit. Tickerbalk eruit. Zappa mocht iets warmer dan Studio. De footer moest precies hetzelfde.
Om 00:10 stond de nieuwe homepage naast de oude, op /v2. Om 00:39 alle publieke pagina's. Rond één uur zaten de laatste fixes erin. Vrijdagochtend 09:43 nam hij het over van de oude site.
Vrijdagochtend: wtf, why not
Vrijdagochtend. Koffie. "Waarom eigenlijk niet?"
De hoofdsite, pb.nl, ging naar Claude Design. Peter zette er een gauntlet-loop op. Om 13:25 de eerste regel code. Om 14:30 stond pb.nl live. Nieuw ontwerp, NL en EN, vernieuwd CMS.
PB.NL heet nu PB Creative AI Lab. PB® staat in de header, met hetzelfde taupe blokje als Studio en Zappa. DMM en Campagnes zijn van de site af. Contact en Over ons zijn eigen pagina's. Je kunt je nu inschrijven voor de nieuwsbrief. Het CMS bouwt op dat van Studio, met een startscherm zoals Zappa.
De regel: niets hardcoded. Alles via CSS. Er kwamen 13.124 regels code bij. Er gingen er 16.423 af. De site werd kleiner. Misschien wel het mooiste cijfer van de week.
"is NIET pixel perfect!"
Natuurlijk niet meteen. De CSS klopte met het ontwerp. De inhoud van een paar blokken niet. Dus die gingen 1-op-1 over.
Het nieuwe ontwerp had een foto in het logo. Peter: "check de oude site, illustratie is meest zichtbaar!" Dus is het oude gedrag terug. Illustratie in rust. Video bij het laden. Foto bij hover. Gezichten die met een glitch binnenflitsen.
Vrijdagavond: nog even
21:18. Peter wil tien velden voor de hoofdtitel. De site kiest er zelf één. "Vind ik wel creatief." Om 21:23 stond het live. Een kwartier later had hij ze gevuld. "Bij ons begint het met 'wat als?'" "Van mode tot code." "Onze nieuwsgierigheid loopt uit de hand."
Die laatste klopt deze week wel.
De titel bouwt nu letter voor letter op. Er kwam een nieuwe hero voor mobiel. En op mobiel wisselt verder niets meer. Midden in de bouw typte Peter: "alleen knipper oog!" Nu staat daar een gezicht dat knipoogt. In een lus.
Vanaf de telefoon
Veel feedback kwam van Peters telefoon. Een screenshot, één zin erbij, door. Tussendoor ook: "wat is rm -rf waar staat dit voor? #leren"
Het wist een map met alles erin. Zonder te vragen. Goede vraag om te stellen vóór je het typt.
Ook fouten
Claude ging ook mis. Op een testlink ontbraken beelden, door een fout bij het kopiëren. En de titels lieten op mobiel soms de tekst verspringen. Lighthouse vond het. Dezelfde avond opgelost.
Twaalf agents
Op momenten werkten er twaalf agents tegelijk. Verbouwen, herbouwen, meten. Claude Code hield het overzicht. Claude Design tekende mee. Peter keek naar elke pixel en besliste.
Gebouwd met Next.js 16, Neon, Cloudflare R2 en Vercel.
Drie sites, één stijl. Elke site ging sneller dan de vorige, omdat de stijl er al lag.
We zijn trots. En moe.
De week in enkele cijfers
5 dagen. 3 sites. 1 stijl.
337 commits aan Studio, van maandag tot donderdag.
351 bestanden aangepast in Zappa en pb.nl samen.
20.625 regels code erbij. 21.579 eraf. Alles bij elkaar werd het 954 regels kleiner.
pb.nl alleen: 3.299 regels kleiner.
Zappa: van 00:10 tot rond één uur 's nachts alle publieke pagina's om.
pb.nl: 65 minuten van eerste regel code tot live?!?.
5 minuten van "tien titels?" tot live.
4 nieuwe ideeën vrijdagavond, in 40 minuten live.
10 hoofdtitels, de site kiest er zelf één.
2 talen, NL en EN.
200 URL's gecontroleerd. 0 problemen.
195 interne links. 0 dood.
PageSpeed: 100, 97, 100, 100. Peter: "wow!!!!!! goed man!!"
SEO op mobiel: 100.
12 agents tegelijk, op de drukste momenten.
1 knipoog. Kost 2 tot 5 punten. Die mag hij hebben.
Studio gaat eind deze maand live! zie de demo video:
— Claude & Peet
Verhalen uit ons werk en ons hoofd, in je mailbox.
Eén mail met alles: de blog, AI-nieuws en wat we aan het bouwen zijn. Geen vaste frequentie.
