Algemene diensten CSS-sjabloon

Donkergrijze omlijsting en afgeronde kaarten vormen het dienstenraster

De donkergrijze architectonische achtergrond geeft de sectie een krachtig visueel kader, terwijl de horizontale gele accentband een duidelijk kleurcontrast toevoegt nabij de hoofdinhoud. Tegen die donkere achtergrond blijven de acht witte, afgeronde kaarten helder herkenbaar. Hun herhaalde vorm, gecentreerde typografie, beeldbehandeling en ingetogen links zorgen voor een consistent visueel ritme binnen de opzet van twee rijen en vier kolommen.

De kop en de cursieve toelichtende tekst zijn eveneens gecentreerd, waardoor het visuele systeem logisch overgaat van een algemene introductie naar gelijkwaardige servicecategorieën. Elke kaart gebruikt dezelfde basisindeling voor afbeelding, categorielabel, beschrijving en link „Meer”. Hierdoor worden Ontwerp en bouw, Verbouwing, Stedelijke ruimtes, Civiel ingenieurs, Werkruimtes, Woningbouw, Architectuur en Over ons als samenhangende keuzes ervaren en niet als onsamenhangende panelen. De omlijnde knop „Meer bekijken” zet deze beheerste stijl onder het raster voort.

Als interpretatie van een CSS-sjabloon zit de kracht in de concrete stijlsamenhang van het blok: donkere achtergrond tegenover witte kaarten, gele accenten op neutrale oppervlakken, afgeronde afbeeldingen en kaarten, en overal gecentreerde tekst. Deze eigenschappen kunnen voor deze sectie worden verfijnd zonder het inhoudsmodel van acht kaarten of de vervolgactie te wijzigen. Het resultaat is een dienstenblok waarvan het uiterlijk onafhankelijk van de rest van de pagina kan worden aangepast.