Architectuur, stedenbouw, masterplanning CSS-sjabloon

Oranje geometrie en afgeronde contactpanelen bepalen het visuele systeem

Oranje accentvlakken, lichtgrijze oppervlakken, witte kaarten en donkergrijze houtskooltekst vormen de basis voor de visuele stijl van de pagina. De openende contactsectie past deze kleuren toe in een gelaagde opbouw: een bouwfoto staat naast een witte inhoudskaart, terwijl geometrische oranje en grijze vormen het beeldbereik een duidelijke contour geven. Afgeronde hoeken verzachten het verder zakelijke kleurenpalet en zorgen voor een natuurlijke visuele samenhang tussen fotografie, tekst en actieknop.

Het overzicht met vestigingen kiest voor een meer regelmatige presentatie. Negen voorbeelditems zijn verdeeld over drie kolommen, waardoor herhaalde plaats- en telefoongegevens dezelfde visuele behandeling krijgen. Die herhaling vormt een contrast met de meer expressieve, overlappende beeldindeling daarboven, zodat inleidende inhoud en directorygegevens van elkaar te onderscheiden zijn zonder de kleurtaal te veranderen. De onderste contactzone keert terug naar een indeling met twee panelen, waarin het afgeronde aanvraagformulier naast een krachtig oranje informatiepaneel over een afbeelding van een gebouw is geplaatst.

Voor een op CSS gerichte implementatie bieden deze herhaalde keuzes een helder visueel systeem om verder te verfijnen: een accentkleur voor nadruk, lichte achtergronden voor informatiezones, afgeronde containers voor kaarten en formulieren en geometrische vormen voor overgangen. De vormgeving kan daardoor eenvoudig worden aangepast met behoud van de bestaande, op contact gerichte paginastructuur.