Sectiebibliotheek
37 secties · 4 vaste componenten · 162 varianten
Alle Studio CMS blocksecties en vaste sitecomponenten, getoond met echte voorbeeldinhoud zodat je precies kunt zien hoe elke variant eruitziet voordat je er een kiest. Goed voor 1.673.844.480 verschillende pagina's van zes secties. Ja, we hebben het nagerekend. Nee, we bouwen ze niet allemaal.
Geen secties gevonden voor deze zoekopdracht.
Vaste sitecomponenten
Niet alles is een CMS-block. Deze onderdelen horen bij de vaste site-opbouw, maar zijn wel onderdeel van dezelfde Studio-bibliotheek.
- component 8 varianten
Navigatie
Headernavigatie: plat, dropdown, megamenu, topbar, gecentreerd en minimale mobile-first stijlen.
StandaardGecentreerdTopbalk + contactMinimaal: uitschuivendMinimaal: donker paneelMega menuSplit: logo gecentreerdTransparantBekijk component → - component 7 varianten
Footer
Sitefooter: kolomgrid, gecentreerd, minimale enkelbalk, donker, nieuwsbrief, broadcast en studio stijlen.
KolommenGecentreerdMinimaalDonkerNieuwsbriefBroadcastStudioBekijk component → - component 3 varianten
Cookiebanner
GDPR-conforme cookiebanner met localStorage-persistentie. Verschijnt bij het eerste bezoek en laadt analytics pas na toestemming.
MinimaalUitgebreidModaalBekijk component → - component 3 varianten
Taalwisselaar
Schakel tussen NL en EN. Inline tekst, dropdown met vlag of tab-interface. Gebruikt hreflang-links, geen JavaScript vereist.
InlineDropdownTabsBekijk component →
Eerste viewport en paginakoppen
Openers voor homepages, binnenpagina’s en redactionele pagina’s.
- hero6 varianten
Hero
Openingssectie op volle breedte met kop, subtekst, CTA-knoppen en een optionele achtergrondafbeelding of achtergrondkleur.
FullSplitMinimalGecentreerd, donkere achtergrondAankondigingschipBroadcastBekijk sectie → - page-header6 varianten
Paginakop
Titel en intro voor binnenpagina's. Met broodkruimels, metagegevens en een gecentreerde of links uitgelijnde opmaak.
StandaardGecentreerdShellMet metaLangGenummerdBekijk sectie →
Oriëntatie en navigatie
Secties die bezoekers helpen hun plek te begrijpen of snel verder te navigeren.
- announcement4 varianten
Mededeling
Smalle balk voor een actie, waarschuwing of mededeling. Staat inline in de pagina of vastgezet bovenaan.
PrimairDonkerSurfaceWaarschuwingBekijk sectie → - breadcrumbs3 varianten
Broodkruimels
Kruimelpad voor sites met meerdere niveaus. Laat bezoekers zien waar ze zich bevinden.
StandaardPillsMinimaalBekijk sectie → - anchor-nav2 varianten
Ankernavigatie
Compacte rij sprongkoppelingen binnen dezelfde pagina, voor lange pagina's. Als chips of onderstreepte links, eventueel meelopend tijdens het scrollen.
ChipsUnderlineBekijk sectie → - page-tree2 varianten
Paginaboom
Sitemap-achtige hiërarchie met een hoofdpagina, paginagroepen en aanklikbare paginakaarten.
VerticalHorizontalBekijk sectie →
Content en verhaal
Bouwstenen voor tekst, beeld, context, vergelijking en redactionele uitleg.
- divider3 varianten
Scheiding
Decoratieve sectiescheiding: een dunne lijn, optioneel met het nut-hexagonmotief erop. Puur sfeer.
LijnMotiefMotief, geanimeerdBekijk sectie → - text-image5 varianten
Tekst + afbeelding
Tekst en beeld naast elkaar. Beeldpositie, vorm en formaat zijn instelbaar.
Afbeelding rechtsAfbeelding linksBrede afbeeldingGestapeldDonkere achtergrondBekijk sectie → - richtext3 varianten
Tekst
Vrij redactioneel tekstblok. In één kolom, twee kolommen of met een uitgelichte openingsalinea.
StandaardTwee kolommenMet introzinBekijk sectie → - legal2 varianten
Juridische tekst
Lange juridische tekst, zoals voorwaarden of een privacyverklaring, met optionele inhoudsopgave.
tocsingleBekijk sectie → - columns4 varianten
Kolommen
Flexibele kolomindeling voor gestructureerde inhoud of het naast elkaar zetten van kenmerken.
3-kol gecentreerd2-kol links4-kolDonkere achtergrondBekijk sectie → - about-us5 varianten
Over ons
Het verhaal achter het bedrijf of de persoon: kop, lopende tekst en een optionele afbeelding.
GecentreerdSplitVerhaalPortretRedactioneelBekijk sectie → - image-band3 varianten
Beeldband
Sfeerbeeld op volle breedte met een optionele kop eroverheen. Gebruik het als rustpunt tussen twee secties.
KleinMediumGrootBekijk sectie → - comparison1 variant
Vergelijking (wel / niet)
Twee contrasterende lijsten naast elkaar, bijvoorbeeld wat bezoekers wel en juist niet kunnen verwachten.
DefaultBekijk sectie → - tag-cloud2 varianten
Tag-cloud / vaardigheden
Een wolk van vaardigheden of expertises als losse chips, met een optionele genummerde sectiekop.
DefaultOp oppervlakBekijk sectie → - video3 varianten
Video
Videosectie voor YouTube, Vimeo of een zelf gehost videobestand.
Inhoudsbreedte (16:9)Breed, zonder koptekstVierkant formaatBekijk sectie →
Diensten, proces en prijzen
Commerciële secties voor aanbod, werkwijze, pakketten, tarieven en menu’s.
- services8 varianten
Diensten
Raster of lijst met diensten: icoon, titel en omschrijving. Meerdere opmaken, van compact tot visueel zwaar.
KaartgridFeature-kolommenGenummerde lijstIcoonsrijUitgebreide kaartenFeature-kaartenBekijk sectie → - process4 varianten
Werkwijze
Genummerde stappen die een werkwijze uitleggen. Geschikt voor onboarding, "zo werkt het" en interne processen.
VerticaalHorizontaalAfwisselendRedactioneelBekijk sectie → - pricing3 varianten
Prijzen
Pakketten met kenmerkenlijst en CTA-knoppen. Als losse kaart, als vergelijkende kolommen of als tabel.
KolommenEnkel uitgelichtVergelijkingstabelBekijk sectie → - tariff-list3 varianten
Tarievenlijst
Gestructureerd overzicht van tarieven, uurprijzen of gegroepeerde kosten.
Gegroepeerde tabelTariefkaartenCompacte lijstBekijk sectie → - menu4 varianten
Menu
Menukaart met categorieën, gerechten, prijzen en optionele foto's. Voor restaurants en horeca.
Twee kolommenTabsAccordeonKaarten met fotoBekijk sectie →
Bewijs en vertrouwen
Reviews, logo’s en cijfers die vertrouwen en geloofwaardigheid ondersteunen.
- testimonials6 varianten
Klantervaringen
Klantcitaten en reviews. Haalt items uit de testimonialscollectie (of handmatig), met categoriefilters per pagina en instellingen voor uitgelicht, volgorde en aantal. Van compact raster tot uitvergroot citaat.
GridBrede kaartenUitgelichtPullcitaatMet logo'sRedactioneelBekijk sectie → - stats5 varianten
Statistieken
Kerncijfers en resultaten als grote getallen met een korte toelichting eronder.
Kaarten (surface)Kaarten (brand)Kaarten met iconenHorizontaalMinimaalBekijk sectie → - logo-cloud4 varianten
Logo's
Logo's van klanten of partners die vertrouwen wekken. Als vast raster, doorlopende rij of bewegende balk.
Flex-wrapGridMarqueeTekstmarqueeBekijk sectie →
Mensen en teams
Profielen voor teamleden, makers, contactpersonen en gezichten achter het bedrijf.
Werk, cases en media
Overzichten voor projecten, portfolio’s, blogs, cases, video en beeldgalerijen.
- cases5 varianten
Cases (projectverhalen)
Projectverhalen met beeld, tag, datum, uitgebreide omschrijving en meta-regels. Om en om links en rechts, of als compact raster van drie (beeld boven, tekst eronder).
DefaultGridCarousel, pijlenCarousel, bolletjesCarousel, genummerdBekijk sectie → - work-grid2 varianten
Werk-raster
Bento-raster voor werk, met wisselende kolombreedtes, jaartal, meta en optionele categoriefilters.
Met filtersZonder filtersBekijk sectie → - portfolio2 varianten
Portfolio
Eén blok voor werk en portfolio. Haalt items uit de portfoliocollectie (of handmatig), met een gestapelde opmaak (beeld, meta, titel, tekst) of een bento-/magazineraster, categoriefilters en instellingen voor uitgelicht, volgorde en aantal.
StackedBentoBekijk sectie → - gallery4 varianten
Fotogalerij
Fotogalerij met instelbaar raster, beeldverhoudingen en een optionele lightbox.
Grid, 3 kolommenGrid, 2 kolommenMasonryUitgelicht + gridBekijk sectie → - posts3 varianten
Recente berichten
Overzicht van blogberichten of cases. Als raster, als lijst of met één uitgelicht bericht bovenaan.
GridUitgelichtLijstBekijk sectie →
Aanvragen en conversie
Secties voor actie, inschrijving, contact en intakeflows.
- cta8 varianten
Actieblok
Sectie die aanzet tot actie: een kop met één of twee knoppen.
Gecentreerd, lichtGecentreerd, brandGecentreerd, donkerGecentreerd met merktekenSplitBannerBekijk sectie → - newsletter3 varianten
Nieuwsbrief
Aanmeldformulier voor de nieuwsbrief, met optioneel naamveld. Inline, gecentreerd of gesplitst.
GecentreerdInlineSplit, brand achtergrondBekijk sectie → - contact-form6 varianten
Contactformulier
Contactformulier met instelbare velden, keuzelijst voor het onderwerp en spambescherming via reCAPTCHA.
StandaardKaartMet telefoon en onderwerpSplitRedactioneelSidebarBekijk sectie → - wizardbeta 3 varianten
Meerstappenformulier
Meerstappenformulier of vragenlijst voor een intake. Stappen met keuzerondjes, vinkvakjes, keuzelijsten en open tekst.
Onboarding, gecentreerdLeadkwalificatie, splitEnquête, donkerBekijk sectie →
Informatie en locatie
Praktische secties voor veelgestelde vragen, locaties en kaarten.
- faq5 varianten
Veelgestelde vragen
Veelgestelde vragen als accordeon of altijd opengeklapt. Ook in twee kolommen of als kaarten.
AccordionTwee kolommenAltijd openTwee kolommen openKaartenBekijk sectie → - locations3 varianten
Vestigingen
Meerdere vestigingen met adres, openingstijden en contactgegevens. Als kaarten, routelijst of naast een kaart.
LocatiekaartenKaart met paneelCompacte routelijstBekijk sectie → - map3 varianten
Kaart
Ingesloten kaart met optioneel een adrespaneel, routebeschrijving en openingstijden.
SplitGestapeldAlleen infoBekijk sectie →
Klaar om je eigen pagina samen te stellen?
Kies je secties, stel je stijl in en ontvang aanvragen in je eigen CMS. We denken graag mee over de juiste opzet.