Maak kennis met onze trainers CSS-sjabloon

Donkere fotografie en gele panelen bepalen het stylingsysteem

De donkere fitnessfoto geeft het openingsgebied het zwaarste visuele gewicht, terwijl gecentreerde tekst en de knop Boek vandaag een rondleiding als een contrastrijk aandachtspunt tegen het beeld afsteken. De overgang naar helderwitte contentgebieden zorgt voor een duidelijke verandering in achtergrondbehandeling, waardoor de acht trainerskaarten als een samenhangende verzameling overkomen in plaats van als geïsoleerde visuele elementen. Krachtige schreefloze koppen handhaven de hiërarchie in zowel de hero als de teamsectie.

De herhaalde profielkaarten bieden het meest consistente stylingpatroon op de pagina. Ronde beelduitsneden onderscheiden de trainersportretten van de omringende rechthoekige content, terwijl compacte kaartindelingen acht vermeldingen visueel overzichtelijk houden. Rollabels zoals Hoofdcoach, Algemeen manager, Coach en Crossfitgoeroe introduceren tekstuele variatie zonder de gedeelde kaartopzet te doorbreken. Bio-knoppen herhalen een actie-accent door de hele gids heen en verbinden de afzonderlijke kaarten via dezelfde visuele regel.

Geel is geconcentreerd in de contactsectie, waar een gele achtergrond over de volledige breedte een gecentreerd wit paneel omringt. Dat contrast scheidt het aanvraaggedeelte van de witte teamcontent en geeft het formulier een duidelijke visuele afbakening. De donkere footer en navigatie versterken de zwart-witkadering aan de paginaranden. Samen vormen deze kleuren, beeldbewerkingen, afstandsverhoudingen en herhaalde kaartregels een stylingbasis die kan worden aangepast met behoud van de bestaande sectievolgorde.