Tekst 3-kolommen¶
Drie tekstvelden naast elkaar, elk een derde van de containerbreedte. Op smalle schermen stapelen ze onder elkaar.
Hoe het op de site verschijnt¶
Drie tekstvelden naast elkaar, elk een derde van de containerbreedte. Op mobiel stapelen ze onder elkaar (Kolom 1 bovenaan).
Velden¶
| Veld | Type | Verplicht | Wat erin? |
|---|---|---|---|
| Kolom 1 | Tekst-editor met opmaak | Ja* | Inhoud van de linkerkolom. |
| Kolom 2 | Tekst-editor met opmaak | Ja* | Inhoud van de middenkolom. |
| Kolom 3 | Tekst-editor met opmaak | Ja* | Inhoud van de rechterkolom. |
*Technisch optioneel maar lege kolommen geven leegte op de pagina — vul altijd alle drie de kolommen.
Hoe het rendert¶
- Desktop: kolommen naast elkaar, elk een derde van de containerbreedte.
- Tablet/mobiel: kolommen onder elkaar, elk volle breedte. Kolom 1 bovenaan.
- Elke kolom is een volwaardig tekstveld met opmaak — vet, lijsten, links, tussentitels.
Wanneer gebruiken¶
- Drie services / drie producten / drie teamafdelingen kort introduceren.
- Drie stappen waar de volgorde minder belangrijk is (anders gebruik Stap-voor-stap).
- Drie kerncijfers of -waarden als horizontale opsomming.
Wanneer niet gebruiken¶
- Voor lange tekst — kolommen worden te smal en moeilijk leesbaar.
- Voor twee items — gebruik Tekst 2-kolommen (symmetrischer).
- Voor tekst met afbeeldingen erbij — gebruik Foto + tekst of de cards in Producten.
Tips¶
- Houd de drie kolommen even lang en even zwaar. Het oog leest het als een eenheid.
- Bullets in plaats van lopende tekst werkt vaak beter — drie korte opsommingen naast elkaar.
- Geen ingewikkelde geneste lijsten — kolombreedte op desktop is al klein.