Component Gallery
Visuele referentie van de bloks waarmee we pagina's samenstellen. Elke variant heeft een code (bijv. ‘hero 1b’). Gebruik die codes in de andere chat om pagina's te laten bouwen: cijfer = layout, letter = kleur/variant.
Onderaan staan de data-gedreven bloks (formulieren, carousel, quiz) met demo-content. Blog-typografie (drop-cap, artikel-koppen enz.) zie je in het aparte demo-artikel op /blog/demo-artikel-referentie.
Kleur-legenda (letters)
a — surface-light (crème)
b — surface-dark (olijf)
c — surface-primary (sage)
d — surface-secondary (warm licht)
e — surface-accent (geel)
Hero
Split hero — licht
Een korte, wervende ondertitel die de belofte van de pagina samenvat.
Split hero — donker
Een korte, wervende ondertitel die de belofte van de pagina samenvat.
Split hero — sage
Een korte, wervende ondertitel die de belofte van de pagina samenvat.
Simple hero — full-bleed
Een korte, wervende ondertitel die de belofte van de pagina samenvat.
Banner
Banner met achtergrond
Overlay-tekst op een beeld of video.
Banner met achtergrond
Overlay-tekst op een beeld of video.
Banner met CTA-kaart
Content (rich text / tekst + media)
Rich text — één kolom
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Rich text — donker
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Rich text — sage
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Twee kolommen
Kolom één
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kolom twee
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Twee kolommen
Kolom één
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kolom twee
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Tekst + media
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Tekst + smalle media
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Media + tekst (omgekeerd)
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Features
Features — 4-koloms grid
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Persoonlijk
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Veilig
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Natuurlijk
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Rustig
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Features — donker
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Persoonlijk
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Veilig
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Natuurlijk
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Rustig
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Media (gallery / cards / figure)
Gallery — 2 kolommen
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Gallery — 3 kolommen
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Card grid — 3 kaarten
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 1
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 2
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 3
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Accordion / stepper / FAQ
Accordion
Accordion
Stappenplan
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Veelgestelde vragen
Pricing
Pricing — kaarten
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Basis
Op aanvraagDit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Uitgebreid
Op aanvraagDit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Premium
Op aanvraagDit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Callout
Pull-quote
Divider
Data-gedreven bloks (demo)
Deze bloks renderen met demo-content en echte story-referenties (quiz, behandelingen, blogposts). Op een echte pagina koppel je hier je eigen content aan.
Carousel
Kaart 1
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 2
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 3
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 4
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 5
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 6
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 1
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 2
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 3
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 4
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 5
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Kaart 6
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Contactformulier
Nieuwsbrief
Quiz / Quick Scan
Doe de Quick Scan
Voorbeeldtekst naast de quiz-CTA.
Behandelingen-grid (work_grid)
Behandelingen per categorie
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Uitgelichte items (blog_and_work_items)
Uitgelichte artikelen
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Dit is voorbeeldtekst die laat zien hoe deze blok eruitziet met echte inhoud. Vervang het door je eigen tekst wanneer je een pagina samenstelt.
Borstverkleining en sport: zo verloopt je herstel
Na een borstverkleining mag je je sport meestal stapsgewijs weer oppakken. In de praktijk start je na een paar dagen met rustig wandelen, na ongeveer 4 weken met lichte cardio en pas na 6 tot 8 weken weer met krachttraining, hardlopen of contactsport. Je lichaam heeft tijd nodig om te genezen, en juist door geduldig op te bouwen bescherm je het resultaat. Hieronder leggen we rustig uit hoe het herstel na een borstverkleining en het opbouwen van sport vaak verloopt — eerlijk over de grenzen, en zacht voor jezelf.
Lees meer
Borstlift met implantaten: wat je kunt verwachten
Een borstlift met implantaten combineert twee ingrepen in één operatie: het optillen van hangend borstweefsel én het herstellen of vergroten van het volume. Dit is een veelgekozen optie voor vrouwen bij wie de borsten na zwangerschap, borstvoeding of gewichtsverlies zowel zijn gaan hangen als volume hebben verloren. De ingreep duurt gemiddeld twee tot drie uur en wordt uitgevoerd onder algehele narcose. Herstel vraagt doorgaans vier tot zes weken. Resultaten zijn langdurig, maar geen enkele ingreep stopt het natuurlijke verouderingsproces volledig.
Lees meer
Mommy makeover herstel: wat je mag verwachten per fase
Een mommy makeover combineert meerdere ingrepen — meestal een buikwandcorrectie en borstcorrectie — in één operatie. Het herstel duurt daardoor langer dan bij een enkelvoudige ingreep: reken op vier tot zes weken voordat je het dagelijkse leven grotendeels kunt hervatten, en op drie tot zes maanden voor het definitieve resultaat. Dit artikel legt per fase uit wat je lichaam doormaakt, welke klachten normaal zijn en wanneer je contact opneemt met je chirurg.
Lees meer
