Luremo
Craft CMS studio
Een portfolio voor een onafhankelijke Craft-specialist dat niet om werk vraagt, maar laat zien hoe er wordt gewerkt: uitgesproken, technisch en zonder bureauverhaal.
Luremo is geen bureau. Ontwerp, development en onderhoud komen van dezelfde Craft-specialist. De website moest daarom niet groter klinken dan de praktijk, maar wel dezelfde overtuiging hebben als het werk.
Het vertrekpunt werd een portfolio met de houding van een studio: grote typografie, korte stellige zinnen en weinig visuele ruis. Niet roepen dat alles kan, maar precies laten zien waar Luremo goed in is — en ook waar de grens ligt.
De visuele taal rust op drie beslissingen. Een warme, bijna zwarte inktkleur voorkomt de bekende blauwgrijze tech-uitstraling. Lime is het enige accent en krijgt daardoor altijd betekenis. Space Grotesk draagt de leesbare laag; IBM Plex Mono markeert alles wat je scant, zoals labels, tags, jaartallen en technische metadata.
Ook ruimte kreeg een vaste rol. De 12-koloms grid, ruime secties en beperkte set surfaces zorgen dat pagina’s rustig blijven zonder leeg te voelen. Tokens leggen die afspraken vast, zodat een nieuw onderdeel niet opnieuw over kleur, radius of schaduw hoeft te onderhandelen.
De eerste plugin-detailpagina zette alle inhoud in acht van de twaalf kolommen. De tekst las prettig, maar liet aan beide kanten honderden pixels ongebruikt. De reflex was om daar textuur toe te voegen. Dat zou de leegte alleen decoreren.
De betere diagnose was een layoutprobleem. De linkermarge werd een sticky rail met inhoudsopgave, actieve sectiemarkering en installinformatie. De aankoopactie blijft daardoor tijdens het hele verhaal bereikbaar. Een dot grid loopt alleen door de buitenste marges, terwijl tabellen en beelden het smal-breedritme van de pagina bepalen.
“Het miste geen achtergrond. De layout gebruikte haar ruimte nog niet.”
De contactpagina begon als een klassiek formulier en werd daarna een interactieve zin. Beide richtingen zetten het formulier centraal. De derde versie draaide de volgorde om: eerst de mens, daarna pas de velden.
Een grote e-mailactie opent de pagina. Vervolgens legt het ontwerp uit wie je spreekt en hoe contact verdergaat. Telefoonnummers, medewerkers en een kantooradres verdwenen, omdat ze niet bestaan. Wat overbleef — e-mail, eventueel gevolgd door een videocall of bezoek bij de klant — voelt directer en geloofwaardiger.
De uiteindelijke site draait op Craft CMS. Pagina’s worden opgebouwd uit gedeelde Matrix-blokken; Twig houdt queries en semantische markup bij elkaar. Tailwind-tokens vertalen het design system naar de front-end. Kleine renderless Vue-componenten voegen alleen interactie toe waar de browser die echt nodig heeft, zoals de sticky navigatie en carrousels.
Dat maakt de uitgesproken vorm herhaalbaar. Een plugin, artikel of case krijgt dezelfde stem zonder dat elke pagina een los ontwerpbestand blijft.
