Design uniek maken

Je portfolio mag niet op een template lijken: kies een uitgesproken stijl en voer die consequent door zonder de usability te breken.

Kleur en typografie kiezen

• Leg 2 hoofdkleuren vast (primary/secondary) en 1 neutrale achtergrond; noteer de hex-codes in een SCSS map.
• Gebruik een display-font voor koppen en een leesbaar sans-serif voor body; stel fallback-stacks in.
• Test contrast met een online checker en fix elementen die onder AA scoren.

Componenten consistent maken

Bewerk shared partials zoals modules/portfolio/views/_partials/header.html.twig en footer.html.twig zodat spacing en iconen overal gelijk zijn.

1. Voeg spacing-utilities toe (bijv. .py-24, .gap-16) in assets/css.
2. Maak een knoppen-set: primary, ghost, text. Gebruik variabelen voor kleur en radius.
3. Pas de navigatie aan: actieve link krijgt underline + accentkleur.

Micro-interacties die helpen

• Gebruik CSS transitions van 200-250ms voor hover/active states.
• Voeg een subtiele scroll-reveal toe op secties met intersection observer (assets/js/app.js).
• Laat formulieren inline feedback tonen (success/warning/error) zonder pagina-reload.