Introductie
De boilerplate is een productieklare basis voor toegankelijke corporate-B2B-websites. Eén bron van waarheid voor design (tokens → Elementor-kit + SCSS-componentlaag) zorgt dat elke pagina consistent en on-brand is.
- Token-gedreven: kleur, ruimte en type komen uit één set tokens.
- Toegankelijk: WCAG 2.2 AA als standaard, niet als nazorg.
- Herhaalbaar: nieuwe klant = merk + content, niet opnieuw bouwen.
TipBegin bij het design system (/design-system/) om de beschikbare componenten te zien.
Installatie
De SCSS compileer je lokaal; de gecompileerde main.css wordt mee-gedeployed (geen build-stap in CI):
npx sass stylesheets/sass/main.scss:stylesheets/css/main.cssConfiguratie
Een nieuwe klant zet je live door het merk te wisselen — kit-kleuren en logo — zonder de componenten aan te raken.
Merk wisselen
Brand-tokens zijn runtime-overschrijfbaar via de optie ac_brand; geen hercompilatie nodig.
Componenten
De .ac-laag biedt enterprise-secties: vergelijkingsmatrix, bento, proces-tijdlijn, trust-badges, resource-kaarten, call-outs en meer.
Niet "het werkt", maar: zou ik deze site met trots aan een klant tonen zónder er iets aan te raken?
Design tokens
Tokens zijn de bron van waarheid voor kleur, ruimte, type en elevatie. Wijzig een token en alles beweegt mee — op de styleguide én op de site.