Insights
Best practices & feedback
Doorlopend bijgewerkte inzichten uit design reviews, gebruikersfeedback en implementatie. Nieuwste eerst.
- Visueel· design review
Namespace-isolatie voor lettertypes
Om lettertypeconflicten te voorkomen tussen Swiss-grid (Outfit/Inter) en legacy SAR (Montserrat), mappen we Tailwind theme-defaults dynamisch via .swiss-page en .sar-page classes. Hierdoor blijven classes zoals font-display en font-body 100% DRY.
- Visueel· brand update
Fluid Art paletten en betekenis
Fluid Art combineert vloeistof-achtergronden met monoline vector-overlays om een organische laag aan het Swiss-grid toe te voegen. Gebruik altijd het juiste palet per opleidingsniveau (Brand voor algemeen, Bachelor voor BA, AD voor Associate Degree, Master voor MA).
- UX· navigatie-review
Rustig modulair menu
Programme cards (BA/AD/MA) staan voorop. Geen bewegende decoratie op menu-tegels; fluid-art strip mag subtiel. Taalswitch alleen in de header — niet in het overlay-menu.
- Monoline· ZER asset handoff
Eén monoline-bron
Gebruik uitsluitend `assets/monoline-icons/` → `MonoIcon` / `public/images/monoline/`. Geen parallelle icon sets op Swiss-pagina's. Kleur via `currentColor`, niet ingebakken in het SVG.
- Copy· partnerpositionering
Kennismaking, geen recruitment
Partner-CTA's leiden naar contact/kennismaking. Geen Studielink, studiekiezer of “Partner worden” in de header. Gebruik Samenwerking i.p.v. DBE-jargon.
- Motion· accessibility pass
Motion uit by default
Cursor trail staat uit (`SWISS_CURSOR_TRAIL_ENABLED`). Menu-animaties respecteren `prefers-reduced-motion`. Productie-kinetic blijft GSAP op storytelling-routes, niet op overview-pagina's.