Garage voor auto's CSS-sjabloon

Rood, antraciet en beeldcontrast bepalen de reparatiesectie

Het grote portret van de monteur, de kleinere afbeelding van de bandenservice, het helderrode middenpaneel en het antracietkleurige rechterpaneel vormen het belangrijkste visuele systeem van het blok. Witruimte rond de linker afbeelding houdt het portret visueel ruimtelijk, terwijl het compacte centrale paneel de kop “Autoreparatie” en de serviceboodschap bundelt. Het donkerdere rechterpaneel vormt een sterk tegenwicht en geeft de afspraaktekst een apart leesgebied.

Bij een interpretatie als CSS-template bestaat het voornaamste werk uit het verfijnen van de verhoudingen tussen deze bestaande gebieden, in plaats van het wijzigen van het inhoudelijke doel van de sectie. Rood kan behouden blijven als accent voor de reparatie-introductie en CTA, terwijl antraciet de afspraakboodschap en de rij social links ondersteunt. Typografie, regelafstand, paneelvulling, beeldverhoudingen en uitlijning bepalen of de drie kolommen evenwichtig aanvoelen. Het monteurportret moet aanzienlijk prominenter blijven dan de bandenafbeelding, en de servicetekst moet voldoende contrast behouden tegen de rode en donkere achtergronden. Een compacte spatiëring moet de genoemde reparatiediensten nog steeds leesbaar houden, terwijl de vier social links voldoende tussenruimte nodig hebben om duidelijk te blijven. Met deze ontwerpkeuzes krijgt dezelfde over-ons- en reparatiesectie een andere visuele nadruk, terwijl de genoemde diensten, de context rond afspraken, de contactrichting en het gedeelte met vier social links behouden blijven.