Naar de inhoud
LesLinq
Menu

Intern · stap A · stijlpagina

Alle tekst hieronder komt letterlijk uit content/home.md. Kaders met een streepjeslijn zijn placeholders.

Iedereen op je terrein aantoonbaar compliant. Ook wie niet op je loonlijst staat.

Eigen mensen, uitzendkrachten, onderaannemers en chauffeurs doen hun instructie op hun eigen telefoon, in hun eigen taal, zonder login of app. Jij ziet in één dashboard wie klaar is vóór hij het terrein op mag.

Plan een demo van 20 minutenScan de QR-code en doe de poortinstructie zelf

Geen app, geen account. Werkt op elke telefoon.

01

Hero-opzet homepage

  • Donkerblauw vlak, belofte links, telefoon met de instructie rechts; de QR-code als apart kader ernaast (#1 in visuals.md).
  • Eén geelgroene knop per pagina: dat is de demo-CTA. Alles daarnaast is secundair (omlijnd) of een tekstlink.
  • De dashboardstrook (#2) staat op de overgang van donker naar wit: dat is de vaste sectie-overgang na een hero.
  • Mobiel: tekst en knoppen eerst, telefoon en QR-kader eronder, knoppen over de volle breedte.

02

Typografie

Inter Variable, zelf gehost (latin + latin-ext), één bestand van ~48 kB per subset, geen externe request.

Display / H1 · 36–72 px · 680 · -3,5%

Iedereen op je terrein aantoonbaar compliant. Ook wie niet op je loonlijst staat.

H2 · 28–48 px · 660 · -2,8%

Je eigen mensen zijn geregeld. De rest komt binnen met een A4'tje.

H3 · 20 px · 640

Instructie die niemand begrijpt

Lead · 17–20 px · 1,55

Van de ernstige ongevallen die de Arbeidsinspectie vorig jaar onderzocht, was bijna één op de vijf slachtoffers een uitzendkracht. Terwijl ze maar vier procent van de werkenden zijn.

Bron: Nederlandse Arbeidsinspectie, Monitor arbeidsongevallen 2024 (2025) · hardheid: sterk

Body · 16 px · 1,65 · max. ~70 tekens per regel

Dat gat zit niet in je eigen team. Dat zit bij de mensen die je LMS nooit bereikt: de uitzendkracht die maandag begint, de onderaannemer die een dag komt lassen, de chauffeur die om zes uur 's ochtends voor de slagboom staat. Voor de Arbowet ben jij hun werkgever zodra ze op je terrein staan. Je moet ze instrueren, en je moet kunnen laten zien dat je dat deed.

Bron · 12 px · headertekst-grijs

Bron: Arbowet art. 1 lid 2, art. 5 lid 5, art. 8 en art. 19 · hardheid: sterk

Ontbrekend gegeven, inline in de tekst

Hoe snel staat de eerste instructie live? Invullen: doorlooptijd in dagen of weken, uit een recente implementatie. De inrichting van je omgeving, locaties en externe partijen doen we samen; je eerste poortinstructie bouw je in de auteurstool of we zetten je bestaande materiaal om.

03

Kleuren in gebruik

Contrast is tegen de tekstkleur die erop staat (WCAG AA = 4,5 voor tekst).

  • Aa · 16.3 : 1

    Donkerblauw #06213c

    Basis: tekst, donkere secties, footer

  • Aa · 6.3 : 1

    Blauw #00ade4

    Accent: links, focus, tweede zin van de H1 op donker

  • Aa · 10.3 : 1

    Geelgroen #d5d400

    Accent: de ene primaire knop, uitkomsten rekenhulp

  • Aa · 16.3 : 1

    Wit #ffffff

    Hoofdachtergrond

  • Aa · 15.2 : 1

    Lichtblauw #eef9fd

    Sectie-achtergrond, placeholders

  • Aa · 14.4 : 1

    Lichtgrijs #f1f1f1

    Sectie-achtergrond (spaarzaam)

  • Aa · 6.3 : 1

    Headertekst #60605f

    Secundaire tekst, bronnen, menu boven de balk

  • Aa · 2.8 : 1

    Grijs #999999

    Alleen lijnen en decoratie, niet voor tekst

  • Aa · 8.2 : 1

    Oranje (secundair) #f2aa34

    Gereserveerd voor “nog invullen”-markeringen

  • Aa · 5.9 : 1

    Blauw 2 (secundair) #2fa5e2

    Niet gebruikt; reserve voor grafieken

  • Aa · 5.4 : 1

    Paars (secundair) #7e52c1

    Niet gebruikt; reserve voor grafieken

Verhouding in de praktijk: vooral donkerblauw en wit, accenten klein en schaars.

04

Knoppen

Min. 48 px hoog (44 px tikdoel), lichte afronding, geen schaduw. Hover: pijl schuift 3 px, 150 ms.

Op wit

Plan een demo van 20 minutenBekijk FlowLinqDemoAlle vragen

Primair (geelgroen, één per pagina) · secundair · navigatieknop · tekstlink

Op donkerblauw

Plan een demo van 20 minutenScan de QR-code en doe de poortinstructie zelfKlanten en cases

05

Kaart

Rand van 1 px in plaats van schaduw; rand wordt donkerder op hover. Afronding 8 px.

Je eigen mensen zijn geregeld. De rest komt binnen met een A4'tje.

  • Instructie die niemand begrijpt

    Arbeidsmigranten lopen 1,4 tot 5 keer zo veel kans op een ongeval. Taal is een van de redenen. Een instructie die niemand begrijpt is geen instructie.

    Bron: Onderzoeksraad voor Veiligheid, Veiligheid arbeidsmigranten (2025) · hardheid: sterk

  • Registratie die niemand bijhoudt

    Handtekeningenlijsten, presentielijsten overtikken, nabellen wie er niet was. Vier op de tien bedrijven in Europa zeggen dat de regels te ingewikkeld zijn om bij te houden. In België bijna zes op de tien.

    Bron: EU-OSHA, ESENER 2024 (2025) · hardheid: sterk

  • Bewijs dat je niet kunt vinden

    Kun je aantonen dat je adequate instructie hebt gegeven, dan gaat er bij een boete 25 procent af. Kun je het niet aantonen, dan telt het niet.

    Bron: Beleidsregel boeteoplegging arbeidsomstandighedenwetgeving, art. 1 lid 11 (2025) · hardheid: sterk

Bovenste rij: inhoudskaart met bron (probleem). Onderste rij: klikbare modulekaart (icoon is tijdelijk).

06

Sectie-overgang

Geen golven of schuine randen: harde kleurwissel, met productbeeld dat over de grens heen staat.

Van instructie naar bewijs in drie stappen.

Donker vlak → product over de grens → wit

Wit → lichtblauw: harde wissel, geen lijn.

Lichtblauw blok met een beeld (hier #7, ketenschema)…

…en terug naar donkerblauw voor de rekenhulp en de demo-afsluiter.

07

Placeholders

Elk kader heeft de eindmaat, het nummer uit visuals.md en de beschrijving letterlijk uit de content.

08

Navigatie

  • De balk bovenaan is de echte navigatie, opgebouwd uit content/sitemap.md: Platform (met de modules als ankers, FlowLinq en Integraties), Toepassingen, Sectoren, Klanten, Kennis en rechts de knop Demo.
  • Boven de balk het secundaire menu (Over LesLinq, Partner programma, Vacatures, Contact); in de footer Privacy, Cookies, Security en AVG, llms.txt en de adresregel.
  • Desktop: uitklapmenu's op klik, sluiten met Esc of klik ernaast. Mobiel: één knop “Menu” met de hele structuur. Werkt ook zonder JavaScript.
  • De Demo-knop in de balk is donkerblauw, zodat de geelgroene knop in de pagina de enige primaire CTA blijft.