Component Library

Eenvoudige navigatiebalk met logo, links en optionele CTA knop. Ingebouwde hamburger voor mobile.

Sticky nav die start als transparant en solid wordt na 40px scrollen.

Gecentreerde hero met headline, ondertitel, 1-2 CTA knoppen. 4 achtergrondvarianten.

Klassieke split-hero: tekst links, afbeelding rechts (of omgekeerd).

100vh hero met achtergrondafbeelding of -video + donkere overlay.

Genummerde USPs of pijlers. Sober en krachtig.

Feature kaarten grid met icon, titel en beschrijving. 3 visuele varianten.

Stappen-sectie voor werkwijze of onboarding. Horizontaal of verticaal.

Prijskaarten met highlighted plan en optionele badge.

Klantreviews in grid met sterrating en avatar.

Rij met klanten- of partnerlogo's. Grayscale optioneel.

Oneindige scrollende ticker. Pauzeert bij hover. Puur CSS.

Statistieken sectie met grote getallen. 3 achtergrondvarianten.

Call-to-action sectie. Center of split layout. 4 achtergrondvarianten.

Contactformulier met async submit. Werkt met Formspree, Netlify Forms of eigen API.

Compacte e-mail aanmeldbalk. Inline of gestapeld.

Compacte footer met logo, links, social icons en copyright.

Volledige footer met navigatiekolommen en optioneel groot achtergrondwoord.

Hero met zwevende testimonial card over de afbeelding. Split-layout, badge, accent-kleur.

Donkere hero met mosaic image grid rechts. Stats onderaan, accent kleur, vertikal uitlijning.

Drie-koloms asymmetrisch grid: afbeeldingen links+rechts, tekst gecentreerd. Badges op afbeeldingen.

Puur typografische centered hero. Geen afbeelding. 4 achtergrondvarianten. Ideaal voor SaaS.

Split hero omgekeerd: afbeelding links, tekst rechts. Met decoratief offset-frame, features-lijst en avatar trust-bar.

Navigatie met mega-menu dropdown — categorieën, beschrijvingen en featured item.

Elevated card CTA — hoge impact, rounded corners, optionele achtergrondafbeelding. 4 varianten.

Split CTA sectie — tekst + bullets links, afbeelding rechts. 3 achtergrond varianten.

Contact sectie met full-height coverfoto links en formulier rechts. Contactinfo overlay op foto.

Gecentreerd contactformulier met 2-koloms velden grid. Volledig gevalideerd met success state.

Uitgebreide footer met featured strip, newsletter, social icons, meerdere link-kolommen.

Alternerende horizontale feature rijen — afbeelding en tekst wisselen per rij.

Compact icon feature grid — 2/3/4 kolommen met icon, titel en beschrijving. 3 achtergrondvarianten.

Bento-grid layout met variabele cel-groottes — tekst, stats, quotes en afbeeldingen.

Masonry testimonial grid — variabele hoogtes, featured card in accent kleur.

Grote cover-foto testimonial — één highlighted quote, gradient overlay, rating sterren.

FAQ met tabbed categorieën en icon headers. Toegankelijk, keyboard-navigeerbaar.

Pricing met maandelijks/jaarlijks toggle. Highlighted plan, feature lijst, populair badge.

Menu-stijl prijslijst per categorie. Ideaal voor diensten en consultancy.

Blog overzicht met featured grote post + 3-koloms kaartgrid. Categorie badges, auteur info.

Team grid — foto, naam, rol, bio, socials. 3 visuele stijlen: card, minimal, photo.

Uitgebreide alternerende team-layout — grote foto + bio, feiten, quote overlay.

Oversized editorial headline links, full-bleed afbeelding rechts. Outline tekst effect via <strong>. Puur CSS animaties.

Editorial magazine layout: verticale meta-kolom, oversized headline, smalle afbeelding rechts, scrollende ticker onderaan.

Mesh/gradient achtergrond met animated blobs, glassmorphism badge, grote gecentreerde headline en social proof avatars.

Donkere hero met radiale gloed, grid achtergrond, gradient headline en optionele statistieken. Geen externe deps.

Premium donkere split hero: tekst op zwart, product/cover afbeelding rechts met luminosity blend en hover reveal.

Interactieve feature showcase: scrollbare lijst links, sticky preview panel rechts. Wisselt automatisch of via klik.

Testimonials slider met auto-advance, grote quote centraal, dot navigatie met voortgangsbalk. Pauzeer bij hover.

Grote statistieken met count-up animatie (IntersectionObserver). Twee layouts: row (horizontaal) of grid. Dark variant.

Verticale timeline met centrale lijn, genummerde nodes en afwisselende kaarten. IntersectionObserver reveal animaties.

Compacte horizontale pricing tabel — plannen als kolommen, features als rijen, check/cross symbolen.

Full-bleed gradient CTA met animated mesh blobs, noise texture overlay. Aanpasbare gradientkleuren.

Herbruikbare knop: 4 varianten, 3 groottes, als link of button element.

Pill badge voor status, labels en categorieën. 6 kleurvarianten.

Basis kaart component met slot voor flexibele content. 4 varianten.

FAQ accordion. Toegankelijk (ARIA), keyboard navigeerbaar.

Formulier input met label, helper tekst, error state, iconen en password toggle. Textarea variant inbegrepen.

Tabs met 3 varianten (underline, pill, boxed). Volledige keyboard navigatie en ARIA. Werkt met TabPanel.

Toggle switch (aan/uit). Toegankelijk met role="switch". 3 groottes, optioneel label.

Native <dialog> modal met backdrop blur, slide-in animatie en footer slot. Openen via data-modal-open attribuut.

Toast notificaties via window.toast(). 4 varianten (success, error, warning, info). Automatisch verdwijnen.

Avatar met foto of initialen fallback. Groepweergave met overlap. Status indicator (online/offline/away/busy).

Voortgangsbalk (horizontaal) en cirkel variant. Geanimeerd bij load. Label en percentage optioneel.

Navigatie broodkruimelpad. 3 separator stijlen. Aria-labeled, aria-current op huidig item.

Laad-placeholder met shimmer animatie. 5 preset varianten: text, card, avatar, image, custom.

Pure CSS tooltip. 4 posities. Optionele delay. Geen JS vereist.

Multi-stap indicator horizontaal of verticaal. Completed/active/upcoming states. Klikbaar optioneel.

Aftel-timer tot een datum. Blokken: dagen, uren, minuten, seconden. Donkere variant.

Ster-rating display of interactief. Half-sterren, review count, klikbaar input mode.

Responsive datatable. Klikbare sort per kolom, striped/bordered/minimal varianten, sticky header.

Lege staat component voor lege lijsten, zoekresultaten en errors. Icon, headline, sub en optionele CTA.

Full-viewport hero met twee lagen parallax scrolling. Achtergrond beweegt langzaam, voorgrond sneller. Diepte-effect zonder externe libs.

Editorial split hero: grote headline links, gestapelde case cards rechts. Hover lift animatie. Ideaal voor agency portfolios.

Pure typografie hero — geen afbeelding. Drie regelstijlen: gevuld, outline en gradient. CSS marquee ticker. Wit, licht en donker.

SaaS-stijl product hero. Pure CSS browser frame mockup met screenshot, feature bullets en optionele review sterren.

Tekst links + afbeelding rechts (of omgekeerd). IntersectionObserver slide-in. Ideaal voor dienst- of feature uitleg.

Tekst + grote statistieken naast elkaar. Cijfers in accent kleur, dunne scheidingslijn. Sterk voor social proof in context.

Alternerende tijdlijn met centrale lijn die vult bij scrollen. Jaar-labels op de knooppunten. Ideaal voor bedrijfshistorie of roadmap.

Krant-stijl meerdere kolommen. Drop cap optioneel. Verticale scheidingslijnen. 2 of 3 kolommen.

Full-width citaat als content break. Decoratief aanhalingsteken, auteur met avatar. 4 achtergrondvarianten.

CSS grid fotogalerij met hover caption overlay. 2-4 kolommen, staggered inlaadanimatie. Optioneel sectie headline.

Pinterest-achtig masonry grid via CSS columns. Variabele hoogtes, hover scale. 2 of 3 kolommen.

Afbeelding slider met auto-play, pijlen en dots. Pauzeert op hover. Caption gradient overlay.

Editoriaal beeld met gestyled onderschrift en optioneel fotocredits. Drie breedtemodi: full, contained, narrow.

Hero met grote thumbnail en play button. Klikken opent YouTube embed of direct video. Geen preload.

Responsive YouTube of Vimeo embed sectie. 16:9 aspect ratio. Optioneel headline en beschrijving erboven.

Grid van video testimonial kaarten. Klik opent native dialog met YouTube autoplay. Hover toont play overlay.

Grid van icoon + titel + beschrijving. 4 icoon stijlen (plain, circle, square, outlined). Staggered fade-in.

Verticale lijst met icoon + titel + beschrijving. Optionele scheidingslijnen, badges en compact mode.

Bento grid met icoon+tekst blokken. Wide en tall spans, accent en dark varianten. Mobiel: 1 kolom.

Gecentreerde sectie-aanhef: eyebrow, headline en sub. Optionele decoratieve lijn. 4 groottes.

Headline geflankeerd door animerende horizontale regels (scaleX op scroll). Links, rechts of beide kanten.

Sectie heading met prominente pill label. 3 label stijlen. Gestapeld of inline layout.

Feature checklist met vinkjes, accent of nummers. 1 of 2 kolommen. Optionele CTA eronder.

Drie-koloms vergelijking: wij vs. anderen. Vinkje/kruis per feature. Ons kolom geaccentueerd.

Gestyled genummerd lijst. 3 varianten: standaard, groot decoratief nummer en inline. Verbindingslijn in stack layout.

Editoriaal citaat als content break. 4 varianten: editorial, minimal, accent, bordered. Avatar + auteur.

Krant-stijl tekst in 2-3 kolommen. Drop cap, verticale scheidingslijnen, optioneel sectie headline.

Gestyled blockquote component. 4 varianten: default (border), large (centered), card (shadow), sidebar (compact).

Statisch CSS grid van klantlogo's. Grayscale met kleur op hover. 3-6 kolommen. Geen scrollanimatie.

Logo grid met rijke heading sectie. Above (headline boven grid) of split (headline links, logos rechts).

E-mail capture / nieuwsbrief aanmelding. Inline (pill met input+knop) of gestapeld. 4 achtergrondvarianten.

Minimale één-regel CTA. Tekst + geaccentueerde link. Geen box, geen knop. Ideaal als subtiele afsluiter.

Sticky bottom bar die omhoog schuift na X pixels scrollen. Sluitbaar. 3 achtergrondvarianten.

Ultra clean wit hero met veel whitespace en elegante typografie. Premium / luxe positionering.

Oversized headline domineert het beeld. Accent kleur op één woord. Maximale impact.

SaaS-stijl hero met headline, metrics rij en dashboard mockup. Populair voor tech-producten.

Hero met inline statistieken rij eronder als horizontale band. Ankert de hero visueel.

Dark hero met neon/glow accenten, glassmorphism knoppen en geanimeerde glow blob.

Hero met inline email/lead form rechts naast de headline. Hogere conversie door directe actie.

Bento grid hero: groot donker headline card + kleinere info cards. Modern SaaS/tech stijl.

Split hero met schuin afgesneden grens via clip-path. Tekst links, afbeelding rechts.

Full-bleed dark editorial hero. Afbeelding rechts, scrim gradient, ghost nummer als typografisch anker.

Puur typografisch moment. Donkere sectie met één grote cursieve quote als visuele break.

Donkere USP-sectie met editorial headline en genummerde items in 4-kolom grid.

Full-bleed 75vh afbeelding met donkere gradient overlay, quote en optionele statistiek.

Over ons sectie met afbeelding en tekst naast elkaar. Reverse prop wisselt volgorde.

Diensten als hoverable cards met icon, titel, beschrijving en optionele link. 2-4 kolommen.

Grote afbeelding naast headline en bullet points. imagePosition links of rechts.

Opvallend kader voor aankondigingen, tips, waarschuwingen of USP-statements. 5 varianten.

Fotogalerij in grid-layout. Hover zoom, caption overlay. 2-4 kolommen instelbaar.

Editoriale statistieken met grote Cormorant-cijfers op lichte achtergrond. Border-left dividers.

Logo gecentreerd, navigatielinks gesplitst links en rechts. Magazine-stijl.

Donkere navigatiebalk met lichte links en accent CTA knop.

Ultra-minimale navigatie. Alleen logo en essentiële links.

Transparante overlay nav over hero. Wordt wit bij scrollen.

Aankondigingsbalk bovenaan + standaard navigatie eronder.

Pill-shaped actieve staat voor links. Modern SaaS-stijl navigatie.

Glassmorphism navigatie met backdrop-blur effect.

Logo midden, links links, acties rechts. Clean 3-kolom layout.

Kleinere hoogte (48px). Geschikt voor app-interfaces of sub-nav.

Actieve link gemarkeerd met kleurrijke underline. Geen boxen.

Navigatie met ingebouwde zoekbalk. Voor kennisbanken en shops.

Floating pill-shaped nav die zweeft boven content. Glassmorphism.

Twee-rijen nav: utility links bovenaan, hoofd navigatie onderaan.

Navigatie met hover-dropdown submenu. CSS-only, geen JavaScript.

Verticale zijbalk navigatie voor dashboards en portals.

Tab-stijl navigatie met twee rijen: logo boven, tabs onder.

Logo rechts, links links. Onconventioneel maar opvallend design.

Navigatie met breadcrumb secundaire balk eronder.

Mobile-first nav met hamburger menu als volledig scherm overlay.

Smalle topbar met info + hoofd navigatie eronder.

Geanimeerde sliding underline indicator. CSS-only, geen JS.

Kleurrijke pill-labels per categorie. Ideaal voor portals.

Donkere editorial/magazine-stijl nav met grote logo en mono-caps labels.

Nav met offcanvas zijpaneel voor desktop en mobiel.

Logo boven navigatielinks. Vertikal gestapeld voor specifieke layouts.

Navigatie met icon + label. Geschikt voor app-interfaces.

Nav met gekleurde accentstripe linksboven. Merk-expressief.

Donkere footer met kolommen, logo, tagline en sociale links.

Éénregelige minimale footer. Logo links, links midden, copyright rechts.

Footer met grote CTA sectie bovenaan + links in kolommen eronder.

Alles gecentreerd: logo, tagline, links op één rij, copyright.

Footer met prominente nieuwsbriefinschrijving in accentkleur bovenaan.

Oversized merknaam als achtergrondtekst. Grote typografische impact.

Footer met inklapbare kolommen op mobiel. Desktop toont alles.

Krant/magazine stijl footer met verdiepte typografie en dividers.

Donkere 50/50 split footer: info links, contact/CTA rechts.

Footer met kleurgradiënt achtergrond en witte tekst.

Compacte tweekolomsfooter: brand links, links rechts.

Moderne lichte footer met kaart-stijl social knoppen en trust badges.

Retro/brutalist footer met dikke borders en mono-typografie.

Vijfkoloms footer grid. Standaard zakelijk ontwerp met social icons.

Donkere versie van minimale footer. Logo, links en copyright op één rij.

SVG golfvorm boven een donkere footer als decoratief element.

Groot visueel merkmoment met kleur als achtergrond en grote slogan.

Tech-stijl dark footer met monofont accenten, versienummer en statusbadge.

Social-media gefocuste footer met grote klikbare social knoppen.

Donkere CTA sectie met badge, grote headline en twee knoppen.

CTA met accent achtergrondkleur en centered layout.

CTA met achtergrondafbeelding en donkere overlay.

CTA met klantcitaat als social proof naast de knoppen.

CTA met statistieken als social proof boven de knoppen.

CTA gericht op het boeken van een gesprek met avatar-stack kaart.

CTA voor het downloaden van een resource (whitepaper, guide, checklist).

CTA met clip-path schuin afgesneden randen. Dynamisch en modern.

Brede banner CTA met gradient bovenrand en gecentreerde layout.

CTA met inline e-mailaanmeldformulier voor nieuwsbrief.

CTA gericht op gratis proefperiode met feature-highlights.

CTA met prominent telefoonnummer als primaire actie.

CTA met urgentie/schaarste signalen. Beperkt aanbod of deadline.

CTA met feature mini-cards eronder voor extra waardepropositie.

Donkere CTA met groot inspirerend citaat als visueel anker.

CTA met rij icoon-trust items als visuele versterking.

CTA met prijsindicatie, value-lijst en garantie tekst.

CTA met video thumbnail als visueel element naast de tekst.

Groot, impactvol enkelvoudig klantcitaat. Centraal op pagina.

Samengevatte sterrenwaardering met score en recentste reviews.

Rij met vertrouwens- en certificeringsbadges.

Persmelding sectie met citaten en publicatienamen.

Mini case study cards met resultaten en klantinfo.

Muur van korte klantcitaten in column-layout.

Genummerde statistieken met grote visuele waarden in grid.

Compacte inline vertrouwensbalk met avatar-stack en sterren.

Prijzen en certificeringen sectie met icoon-kaarten.

Horizontaal scrollbare carousel van testimonials.

Dubbele scrollende logo rij voor klanten (marquee-stijl).

Video testimonials met klikbare thumbnail rij.

Voor/na vergelijking van resultaten in tabelformaat.

Donkere testimonialsgrids met featured eerste kaart in accentkleur.

Grote statistieken met accent-kleur in gecentreerd grid.

Twee grote testimonials naast een stat-kolom.

Brede banner met klantlogo's op donkere achtergrond.

Strakke minimale testimonialslijst zonder achtergrondkaarten.

Gedetailleerde beoordelingsuitslitsing per categorie met balken.

Gecertificeerde partnerlogo's met tier-badge indicatie.

Uitklapbare FAQ/content secties met CSS <details> element.

Inline melding met info, success, warning en error varianten.

Kleine tag/chip elementen voor labels, filters en categorieën.

CSS-only dropdown menu dat opent bij hover.

Notificatie card met type, bericht, avatar en actielink.

Sticky bottom footer bar die onderaan zichtbaar blijft.

Donkere footer met prominente contactgegevens en adres.

App-stijl footer met App Store en Google Play badges.

Accordion met veelgestelde vragen, inklapbare antwoorden.

Rij met badge-iconen voor certificeringen en awards.

Bulletlijst met configureerbaar stijl-icoon.

Call-to-action blok met eyebrow, koptitel, tekst en knoppen.

Gekleurde callout box met icoon, titel en tip-tekst.

Twee-kolommen vergelijking: traditioneel vs. BLURR aanpak.

Visuele scheider in verschillende stijlen: lijn, dots, gradient of label.

FAQ sectie met statische vragen en antwoorden in grid.

Feature-grid met icoon, titel, tekst en optionele tag.

Gemarkeerde quote met gekleurde linkerbalk en optioneel label.

Afbeelding met bijschrift en credit-regel.

Intro-blok met eyebrow, koptitel, lead en subtext.

Grote lead-alinea met eyebrow en optionele subtekst.

Koptitel met tekst en media (afbeelding, video of embed) in configureerbare layout.

Voordelen & nadelen in twee kolommen.

Genummerde stappen met titel en beschrijving.

Responsieve tabel voor pakketvergelijkingen of data.

Klantreviews in grid of single-layout met sterren.

Twee naast elkaar geplaatste inhoudsblokken met icoon en link.

Hoofdtekst met zijbalk voor snelle feiten en CTA.

Sectie met achtergrondafbeelding en donker overlay.

Voor- en na-panelen naast elkaar met labels.

Afbeelding met bijschrift en credit in figure-element.

Grid van vergelijkingsitems met label en noot.

Volledig scherm achtergrond met overlay, koptitel en CTA.

2×2 beeldengrid met optioneel bijschrift per foto.

Hero-sectie met grote achtergrondafbeelding, titel en subtitel.

Fotogalerij met lightbox-effect bij klikken.

Mozaïek-layout met één groot beeld en drie kleinere.

Afbeelding met tekstoverlay bij hover.

Rij polaroid-kaartjes met lichte rotatie en bijschrift.

Portfolio-grid met klant, dienst en resultaat per item.

Profielkaart met foto, naam, rol, bio en LinkedIn link.

Cirkelvormige afbeelding met gekleurde ring en optioneel bijschrift.

Showcase-rij van diensten of producten met afbeelding, tag en beschrijving.

Afbeelding naast tekst, koptitel en CTA-knop.

Visuele tijdlijn met afwisselend links/rechts geplaatste items.

Afbeelding gecombineerd met statistieken-rij ernaast.

Geaccentueerd koptitel-blok met gekleurde achtergrond en eyebrow.

Koptitel met subtiele inloop-animatie.

Koptitel met badge-label (bv. "Nieuw").

Koptitel voorafgegaan door een categorie-label.

Koptitel op donkere achtergrond met eyebrow.

Redactionele koptitel met volume-nummer en dek.

Koptitel met zwevendlabel links.

Koptitel met gradient-effect op de titeltekst.

Koptitel met gemarkeerd sleutelwoord via <mark>.

Grote display-koptitel voor hero-secties.

Links uitgelijnd koptitel-blok met eyebrow en subtekst.

Minimalistische koptitel zonder decoratie.

Monospace-stijl koptitel met code-label.

Koptitel met groot genummerd prefixlabel.

Twee-kolommen koptitel: grote titel links, uitleg rechts.

Gestapelde kleine en grote tekst voor krachtige statements.

Koptitel met tag-label (bv. Case study) en beschrijving.

Koptitel met geanimeerde onderstreping.

Brede krantenkop-stijl koptitel met kicker en datum.

Koptitel gecombineerd met een rij statistieken.

Video met tijdgestempelde annotaties naast de player.

Geluidsloze achtergrondvideo die automatisch afspeelt.

Horizontaal scrollende carrousel van videothumbnails.

Video naast een feature-lijst met iconen.

Grid van video-thumbnails met categorie en duur.

Video gecombineerd met introductietekst en bulletpunten.

Thumbnail met afspeelknop die een modal opent.

Autoplay geluidsloze video met badge en ondertiteling.

Picture-in-picture: grote video met kleine overlay-video.

Afspeellijst naast een actieve video-player.

Portret-formaat korte video in TikTok/Reels-stijl.

Showcase-layout met grote video, beschrijving en CTA.

Klikbare video-thumbnail met afspeelknop en duur.

Brede cinematische video-player met titel en subtitel.

Eenvoudige bulletlijst met gekleurde stippen.

Kaartjeslijst met titel, tag en beschrijving per item.

Checklijst met paarse vinkjes per item.

Inklapbare accordion-lijst met vragen en antwoorden.

Vergelijkingstabel met twee kolommen en vinkjes.

Definitielijst met label-waarde paren gescheiden door lijn.

Feature-lijst met icoon, vette titel en beschrijving.

Radio-knoppenfilter voor het filteren van content op tag.

Twee-kolommen grid van korte items met stip.

Lijst waarbij bepaalde items worden uitgelicht.

Horizontale tagslijst met label en waardepaar.

Lijst met emoji-icoon voor elk item.

Navigatielijst van links met beschrijving en pijltje.

Minimalistische ongestijlde tekstlijst.

Genummerde lijst met vette titel en optionele beschrijving.

Geordende lijst met groot getal en uitgebreide beschrijving.

Prijslijst met vinkjes voor inbegrepen en uitgesloten items.

Proceslijst met genummerde stappen verbonden door een lijn.

Voordelen en nadelen in twee kolommen.

Tijdlijnlijst met datum, titel en beschrijving per item.

Contactformulier met naam, e-mail, onderwerp en berichtveld.

Inlogformulier met e-mail, wachtwoord en vergeten-wachtwoord link.

Nieuwsbrief-aanmeldformulier met naam en e-mail.

Uitklapbare accordion met icon per item.

Badge-stijl iconen met label en kleur.

CTA-sectie met iconen en call-to-action.

Callout box met groot icon, titel en tekst.

Enkele icon card met hover effect.

Grid van icon cards met hover effecten.

Iconen in gekleurde cirkels met labels.

3-kolom icon layout met beschrijvingen.

Vergelijkingslijst met iconen per rij.

Donkere achtergrond icon showcase.

Emoji-gebaseerde icon grid.

Feature lijst met grote iconen.

Platte horizontale icon rij.

Iconen met gradient achtergrond.

Hero sectie met icon decoraties.

Highlighted icon sectie met accent border.

Horizontale icon + tekst rijen.

Inline icon badges in flex layout.

Grote iconen met headline per item.

Masonry-stijl icon grid.

Minimalistisch icon lijst.

Navigatie met icon per link.

Genummerde stappen met icon.

Pricing tabel met icon features.

Process flow met iconen en verbindingslijn.

Eenvoudige icon rij met labels.

Diensten overzicht met iconen.

Showcase sectie met groot icon.

Sociale media iconen rij.

Icon lijst gesplitst in twee kolommen.

Verticaal gestapelde icon items.

Statistieken met icon decoraties.

CSS-only tabs met icon per tab.

Team sectie met icon per persoon.

Technologie stack met iconen.

Timeline met icon per stap.

Icon links, tekst rechts layout.

Tekst met marginale annotaties.

Stijlvolle blockquote met bronvermelding.

Callout box met type indicator.

Bijschrift tekst met bronvermelding.

Gecentreerde impacttekst met grote typografie.

Code block met syntax highlighting stijl.

Redactionele tekst layout met pullquote.

Gradient tekst headline.

Gemarkeerde tekst met label.

Intro tekst blok met eyebrow en headline.

Lead paragraaf met grote typografie.

Brief-stijl persoonlijke tekst.

Bold manifesto tekst stijl.

Tekst met gemarkeerde segmenten.

Genummerde voetnoot met uitleg.

Outline tekst effect voor decoratief gebruik.

Grote pullquote met attributie.

Scrollende marquee tekst banner.

Gestapelde tekst items met stijlvarianten.

Statistiek met voor- en natekst.

Samenvatting box met punten.

Lijst met statistieken en grote cijfers.

Stap-voor-stap lijst met titel en beschrijving.

Video thumbnail met CTA overlay.

Magazine-stijl video kaart met categorie.

Evenement of campagne recap video.

Split-screen video vergelijking.

Video met statistieken overlay.

Afspraakformulier met datum- en tijdselectie.

Terugbelverzoek met naam, telefoon en tijdkeuze.

Chat-stijl contactformulier.

Bestelformulier met productoverzicht.

Uitgebreid formulier met meerdere veldtypen.

Download-gate formulier voor lead magnets.

Evenement registratieformulier.

Feedbackformulier met sterrenbeoordeling.

Filterformulier met dropdowns en checkboxen.

Sollicitatieformulier met bestandsupload.

Lead magnet opt-in formulier.

Minimaal contactformulier.

Meerstaps formulier met voortgangsindicator.

Nieuwsbrief aanmelding met social proof.

Onboardingformulier met bedrijfsgegevens.

Wachtwoord reset formulier.

Betaalformulier UI.

Profielformulier voor accountgegevens.

Snel één-veld contactformulier.

Registratieformulier voor nieuwe gebruikers.

Reviewformulier met sterrenbeoordeling.

Zoekformulier met filters.

Instellingenformulier voor accountbeheer.

Abonnement aanmeldformulier.

Enquête met meerdere vragen.

Bestandsupload formulier.

Wachtlijst aanmelding met teller.

Accordion-stijl uitklapbare tekst secties.

Zeer grote display tekst met accent.

Gecentreerde tekst met eyebrow en headline.

Donkere achtergrond tekst sectie met CTA.

Tekst met grote drop cap op eerste letter.

FAQ accordion tekst.

Tekst met ingesprongen zijdelingse quote.

Klein juridisch / voorwaarden tekst blok.

Monospace tekst blok voor technische content.

Genummerde tekst paragrafen.

Grote blockquote met attributie.

Twee-kolom tekst split layout.

Tijdlijn van tekst items.

Brede volledige tekst met grote typografie.

Volledig gecentreerde heading met decoratieve stippen.

Inline heading met horizontale lijnen aan weerszijden.

Volledige breedte afbeeldingsbanner met tekst overlay.

Cinematisch brede afbeelding met overlay.

Featured afbeelding met bijschrift en metadata.

Volledige breedte gedempt autoplay video achtergrond.

Video speler met hoofdstuknavigatie.

Alternatieve embed met afgeronde hoeken.

Alternatief video grid met gemixte groottes.

Hero met video achtergrond en overlay tekst.

Loopende ambient video achtergrond sectie.

Split layout met video en tekst naast elkaar.

Video testimonials grid met thumbnails.

Hoe het werkt sectie met genummerde stappen en iconen.

Vergelijking tussen twee opties met checkmarks.

Offerteaanvraagformulier met naam, e-mail, bedrijf en dienst-selectie.