01
Kleur
Tekst op navy is altijd Paper, nooit wit. Het accent is uitsluitend een vlak: kicker, knopvierkant, paneel. Nooit als tekstkleur, behalve voor de actieve pagina in de footer.
02
Typografie
Koppen: Outfit in weight 300, altijd. Body en interface: Figtree 400, knoplabels 500. Geen uppercase, geen letterspacing, geen vet in koppen. Beide via Google Fonts.
03
De snede
Altijd dezelfde diagonaal. Kopvlak linksonder weg; beelden en panelen die eroverheen komen linksboven en/of rechtsonder. Radius alleen op kicker en pijlvierkant (4px) en op invoervelden. Grote vlakken: 0.
04
Componenten
Accordeon
Strafrecht voor particulieren
Huurrecht
Formulierveld op band
Placeholder-beeld
05
Fotografie
Het zwart-witportret van mr. Ikiz is het vaste beeld: in de kop van home en over-ons, klein in de overlap-secties. Zwart-wit sfeerbeelden (het touw, het ondertekenen) op licht; kleurbeelden alleen met warme tinten, zoals de handdruk bij mijnbouwschade.
06
Toon
- "Hart voor uw zaak."
- "Op een geschil zit niemand te wachten."
- "Ik neem zelf op."
- U-vorm naar de bezoeker, ik-vorm als zender.
07
Doen en niet doen
- Eén accentvlak per scherm, altijd oker.
- Kop met streepje op elke sectiekop.
- Overlap tussen banden, nooit een harde naad.
- Kicker in normale schrijfwijze, 4px radius.
- Geen tweede accentkleur.
- Geen schaduw, verloop of radius op grote vlakken.
- Geen vette koppen.
- Geen uppercase.
08
Tokens
:root{--ik-navy:#132758;
--ik-navy-soft:#1f3a74;
--ik-paper:#e4ecf7;
--ik-tint:#d6e0ec;
--ik-tint-2:#eef2f7;
--ik-accent:#e8a33d;
--ik-accent-ink:#132758;
--ik-bg:#fff;
--ik-ink:#132758;
--ik-ink-soft:#4d5b78;
--ik-line:#aebbcd;
--ik-rule:#c7ccd6;
--ik-rule-dark:#4a5b80;
--ik-font-display:"Outfit",system-ui,sans-serif;
--ik-font-body:"Figtree",system-ui,sans-serif}
Gedeelde primitives staan in css/basis.css; deze tokens in css/variant-a.css.