Basiskaart
Kwaliteit en normen
Een lichte card met subtiele zandlijn, zonder zware schaduw of generieke Bootstrap-look.
Frontend design system
Een rustige institutionele basis voor BKAM.
Dit design system vertaalt de designvisie naar herbruikbare PHP templates, Bootstrap 5 componenten en custom CSS-tokens voor typografie, spacing, knoppen, kaarten, navigatie, secties en utilities.
Kleur
Petrol, koel warm wit en zand.
Petrol 950
Primaire institutionele kleur voor footer, grote vlakken en diepe accenten.
Primaire institutionele kleur voor footer, grote vlakken en diepe accenten.
Koel warm wit
Hoofdachtergrond met zachte warmte, maar zakelijker en minder geel.
Hoofdachtergrond met zachte warmte, maar zakelijker en minder geel.
Zand 300
Subtiel accent voor lijnen, card-tops en redactionele details.
Subtiel accent voor lijnen, card-tops en redactionele details.
Ink
Zachte donkere tekstkleur voor leesbaarheid zonder hard zwart contrast.
Zachte donkere tekstkleur voor leesbaarheid zonder hard zwart contrast.
Typografie
Editorial hierarchy.
Koptekst
Deskundige medische keuring.
Institutionele betrouwbaarheid.
Koppen gebruiken een systeem-serif met redactionele autoriteit. Bodytekst gebruikt systeem-sans fonts, zodat de site niet afhankelijk is van Google Fonts.
Subheading niveau drie
De standaard bodytekst heeft royale regelhoogte. Hierdoor voelt de website inhoudelijk en professioneel, zonder zwaar of afstandelijk te worden.
Buttons
Heldere acties, weinig ruis.
Cards
Terughoudende componenten.
Transparant
Inhoudelijke context
Geschikt voor rustige grids waarin de pagina zelf al genoeg structuur biedt.
Section layouts
Veel witruimte en duidelijke ritmes.
Callout
Voor een kernboodschap of ontwerpprincipe dat extra aandacht verdient.
- Ruimte boven decoratie
- Typografie als drager
- Subtiele institutionele accenten
Update item
Voor actuele ontwikkelingen met selectieve, rustige presentatie.
Beeldgebruik
Af en toe een foto kan juist goed werken.
Gebruik fotografie spaarzaam: niet als zorgmarketing, maar als redactionele context. Denk aan architectuur, rustige overlegsettings, documenten, notities en daglicht.
Vermijd artsen in witte jassen, patientbeelden, handen schudden en overmatig blije stockfotografie.
Utilities
Een compacte helperlaag.
Gebruik classes zoals .u-kicker, .u-measure, .u-stack, .u-rule, .u-bg-sand en .u-text-petrol voor consistent redactioneel ritme.