{"id":14397,"date":"2025-10-28T06:40:39","date_gmt":"2025-10-28T06:40:39","guid":{"rendered":"https:\/\/www.studioubique.com\/typography-in-web-design\/"},"modified":"2026-03-16T11:39:41","modified_gmt":"2026-03-16T11:39:41","slug":"typografie-webdesign","status":"publish","type":"post","link":"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/","title":{"rendered":"Typografie webdesign: het juiste lettertype kiezen voor leesbaarheid en merkstem"},"content":{"rendered":"<header>\n<div class=\"header-main\">\n<div class=\"main-header\">\n<div class=\"navigation\">\n<ul><\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/header>\n<div id=\"smooth-wrapper\">\n<div id=\"smooth-content\">\n<div class=\"main-wrapper\"><main class=\"innercontent faqs insight-inner \"><\/p>\n<section class=\"hero\">\n<div class=\"inner-container\">\n<div class=\"bannertxt\">\n<h1 class=\"fadedtxt\"><span>T<\/span><span>y<\/span><span>p<\/span><span>o<\/span><span>g<\/span><span>r<\/span><span>a<\/span><span>f<\/span><span>i<\/span><span>e<\/span><span>\u00a0<\/span><span>w<\/span><span>e<\/span><span>b<\/span><span>d<\/span><span>e<\/span><span>s<\/span><span>i<\/span><span>g<\/span><span>n<\/span><span>:<\/span><span>\u00a0<\/span><span>h<\/span><span>e<\/span><span>t<\/span><span>\u00a0<\/span><span>j<\/span><span>u<\/span><span>i<\/span><span>s<\/span><span>t<\/span><span>e<\/span><span>\u00a0<\/span><span>l<\/span><span>e<\/span><span>t<\/span><span>t<\/span><span>e<\/span><span>r<\/span><span>t<\/span><span>y<\/span><span>p<\/span><span>e<\/span><span>\u00a0<\/span><span>k<\/span><span>i<\/span><span>e<\/span><span>z<\/span><span>e<\/span><span>n<\/span><span>\u00a0<\/span><span>v<\/span><span>o<\/span><span>o<\/span><span>r<\/span><span>\u00a0<\/span><span>l<\/span><span>e<\/span><span>e<\/span><span>s<\/span><span>b<\/span><span>a<\/span><span>a<\/span><span>r<\/span><span>h<\/span><span>e<\/span><span>i<\/span><span>d<\/span><span>\u00a0<\/span><span>e<\/span><span>n<\/span><span>\u00a0<\/span><span>m<\/span><span>e<\/span><span>r<\/span><span>k<\/span><span>s<\/span><span>t<\/span><span>e<\/span><span>m<\/span><\/h1>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"insight-main-content\">\n<div class=\"inner-container\">\n<div class=\"insights-inner-main\">\n<div class=\"pin-spacer\">\n<div class=\"left-context-box\">\n<h5>Ga naar<\/h5>\n<ul>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/?preview_id=14397&#038;preview_nonce=098d6abe32&#038;post_format=standard&#038;_thumbnail_id=-1&#038;preview=true#typografie-webdesign-de-basis\" class=\"scroll-link\">Typografie webdesign de basis<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/?preview_id=14397&#038;preview_nonce=098d6abe32&#038;post_format=standard&#038;_thumbnail_id=-1&#038;preview=true#veelgestelde-vragen\" class=\"scroll-link\">Veelgestelde vragen<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/?preview_id=14397&#038;preview_nonce=098d6abe32&#038;post_format=standard&#038;_thumbnail_id=-1&#038;preview=true#lets-talk\" class=\"scroll-link\">Let\u2019s talk<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"insight-detail-content\">\n<div class=\"insight-detail-meta\">\n<ul class=\"insight-tags\">\n<li><a href=\"https:\/\/www.studioubique.com\/category\/design\/\">Design<\/a><\/li>\n<\/ul>\n<div class=\"insight-date\">\n<p>okt 28, 2025<\/p>\n<\/div>\n<\/div>\n<div class=\"insight-inner-data\">\n<div class=\"insight-detail-feature\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/10\/Typography-in-web-design-basics-1-1.jpg\" alt=\"twee designers bespreken lettertype kiezen voor webdesign en type scale opties\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 830px; --smush-placeholder-aspect-ratio: 830\/420;\" \/><\/div>\n<div class=\"insight-inner-content\">\n<h2 id=\"typografie-webdesign-de-basis\">Typografie webdesign: de basis<\/h2>\n<p>Typografie in webdesign werkt wanneer leesbaarheid vooropstaat en merkstem volgt. Kies \u00e9\u00e9n primaire werkpaardfamilie voor body en UI, voeg \u00e9\u00e9n accent toe voor karakter, stel een duidelijke type scale in, beheers regellengte en witruimte en voldoe aan contrasteisen. Leg die keuzes vast in tokens en een laadstrategie. Lezers glijden door de tekst, conversies stijgen en je merk klinkt zelfverzekerd zonder te schreeuwen.<br \/>\n<span><\/span><\/p>\n<h3><b>Leesbaarheid wint van esthetiek<\/b><\/h3>\n<p>Mooie typografie die moeilijk te lezen is, is sierraad zonder functie. Begin met lettervormen die scherp blijven op alledaagse schermen. Let op open counters, een gezonde x-hoogte en duidelijk onderscheid tussen I, l en 1. Test een alinea op 16 px op een budgetlaptop en een middenklasse telefoon in fel licht. Als het dan nog makkelijk leest, heb je een degelijke basis. Gebruik display-families als kruid, niet als hoofdgerecht. Houd bodytekst in een rustige familie die niet vervaagt of trilt, en laat koppen persoonlijkheid tonen met gewicht, contrast of een spaarzaam ingezette tweede familie.<br \/>\n<span><\/span><br \/>\nLetterfamilies die zich goed gedragen in body: humanistische sans-families met ruime tussenruimte, of transitional serifs die het houden op kleine formaten. Als je karakter wilt, breng dat in via gematigd gewicht of een slimmere cijferstijl in plaats van een quirky lettervorm die leesbaarheid verstoort.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>comfortabel lezen eerst, merkflair daarna.<br \/>\n<span><\/span><\/p>\n<h3><b>Kies letterfamilies op taak<\/b><\/h3>\n<p>Geef elk lettertype een taak zodat ze niet met elkaar botsen. E\u00e9n primaire familie dekt 90 procent van je UI en content: alinea\u2019s, knoppen, formulierlabels, navigatie, foutmeldingen. E\u00e9n accentfamilie verzorgt koppen, cijfers of korte pull quotes. Als je merkboek een derde stem vereist, moet die een smalle taak hebben zoals datatabellen of codeblokken.<br \/>\n<span><\/span><br \/>\nPairingregels zijn eenvoudig. Een vriendelijke humanistische sans plus een ingetogen serif cre\u00ebert een betrouwbare toon voor B2B. Een redactionele serif plus een nette grotesque sans werkt voor contentsites die ook praktische UI nodig hebben. Vermijd tweelingen die bijna hetzelfde zijn. Als twee families nagenoeg identiek zijn, oogt de pagina troebel. Streef naar complementair contrast in ritme of textuur.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>\u00e9\u00e9n werkpaard, \u00e9\u00e9n accent, duidelijke rollen.<\/p>\n<div class=\"img-block\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/10\/Typography-in-web-design-basics-2-1.jpg\" alt=\"designer legt typografie webdesign swatches en lettertypeopties op tafel\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 830px; --smush-placeholder-aspect-ratio: 830\/420;\" \/><\/div>\n<h3><b>Stel een type scale in<\/b><\/h3>\n<p>Hi\u00ebrarchie is wiskunde, geen gevoel. Kies een basisgrootte voor body, stap daarna koppen door met een consistente ratio zodat H6 tot H1 verwant aanvoelen. Ratio\u2019s als 1,2 of 1,25 houden sprongen leesbaar op mobiel en zelfverzekerd op desktop. Leg de scale vast als tokens in je designsysteem zodat niemand in een sprint een willekeurige H3 van 27 px introduceert.<br \/>\n<span><\/span><br \/>\nVoorbeeldscale bij 16 px basis en ratio 1,25:<br \/>\nBody 16 px, Small 14 px, H6 20 px, H5 25 px, H4 31 px, H3 39 px, H2 49 px, H1 61 px. Pas aan per template. Long-form houdt van iets kleinere topkoppen. Marketing hero-eenheden kunnen \u00e9\u00e9n stap omhoog.<br \/>\n<span><\/span><br \/>\nAls je wil zien hoe Studio Ubique een type scale omzet in een geshipt systeem met consistente beslissingen en handoff-artefacten, toont ons<span>\u00a0<\/span><a href=\"https:\/\/www.studioubique.com\/website-design-process\/\">websitedesign proces<\/a><span>\u00a0<\/span>de checkpoints en deliverables die we gebruiken.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>consistente ratio\u2019s cre\u00ebren voorspelbare hi\u00ebrarchie.<br \/>\n<span><\/span><\/p>\n<h3><b>Regellengte en witruimte<\/b><\/h3>\n<p>Ogen lezen in saccades, niet in rechte lijnen tot de eeuwigheid. Houd alinea-breedte rond 45 tot 85 tekens zodat scannen natuurlijk aanvoelt. Combineer body met een regelafstand van 1,4 tot 1,7. Maak koppen iets strakker voor punch. Verslos long-form lichtjes om drukte te verminderen. Kleine schermen vragen zorg. Vergroot de bodytekst een fractie of verklein de zijpadding zodat regels niet instorten tot twee treurige woorden. Brede schermen hebben een limiet nodig. Beperk de tekstbreedte zodat een regel geen maraton wordt.<br \/>\n<span><\/span><br \/>\nSnelle test in minuten. Plak een alinea van 200 woorden in je artikeltemplate, stel body in op 16 px en pas regelafstand aan totdat je stopt met dezelfde regel herlezen. Meet tekens op drie willekeurige regels. Als je consistent op circa 70 uitkomt, zit je in de comfortzone.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>beheers breedte en witruimte zodat ogen niet overuren draaien.<br \/>\n<span><\/span><\/p>\n<h3><b>Contrast en kleur<\/b><\/h3>\n<p>Paletten krijgen geen vrijkaartje. Bodytekst in webdesign moet aan contrastdrempels voldoen of het is decoratie. Voor normale tekst geldt AA bij 4,5 op 1. Voor grote tekst is 3 op 1 acceptabel. Test hover, focus, visited, disabled. Als je merkpalet fluistert, pas tekst of achtergrond aan totdat het slaagt, en leg die waarden vast in tokens zodat niemand stilletjes terugkeert naar modieus lichtgrijs. De specificatie staat hier en is het waard om \u00e9\u00e9n keer door te nemen:<span>\u00a0<\/span><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html?\" target=\"_blank\" rel=\"nofollow noopener\">WCAG 2.1 contrast minimum<\/a>.<br \/>\n<span><\/span><br \/>\nPraktische tip. Als je een tekstkleur donkerder maakt om te slagen, vergroot de witruimte een fractie of verlaag de regelafstand voor koppen met 0,05 zodat ze niet zwaar aanvoelen. Het doel is leesbaar \u00e9n gebalanceerd, niet schreeuwerig.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>voldoe aan contrast of verwacht dat lezers afhaken.<br \/>\n<span><\/span><\/p>\n<h3><b>Variable fonts en performance<\/b><\/h3>\n<p>Variable fonts bundelen meerdere stijlen in \u00e9\u00e9n bestand, wat betekent: minder requests en consistenter design. Je krijgt gewicht-, breedte- en soms kantelas-assen om nadruk fijn te stemmen zonder vijf aparte bestanden te laden. Goed nieuws voor je Core Web Vitals en je gemoedsrust. De vuistregel voor bodytekst is matigheid. Houd gewicht rond een stabiele waarde die goed rendert op Windows en low-end Android zodat letters niet vettig of geestachtig ogen.<br \/>\n<span><\/span><br \/>\nPraktische setup. Preload je primaire variable-bestand, subset op taal als je in meerdere scripts publiceert, en definieer fallbacks die overeenkomen in x-hoogte en metrics. Stel in CSS font-display: swap in zodat content direct verschijnt en verfijnt als het lettertype laadt. Houd een statische backup van het kopgewicht als je hero afhankelijk is van een specifieke as, om flash-of-too-thin-text op langzame verbindingen te vermijden.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>\u00e9\u00e9n variable-bestand, veel stijlen, minder gedoe.<\/p>\n<div class=\"img-block\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/10\/Typography-in-web-design-basics-3-1.jpg\" alt=\"twee mannen vergelijken letterfamilies voor typografie webdesign project\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 830px; --smush-placeholder-aspect-ratio: 830\/420;\" \/><\/div>\n<h3><b>Toegankelijkheid en taal<\/b><\/h3>\n<p>Typografie in webdesign moet werken voor iedereen die jou leest, niet alleen het designteam. Stel het lang-attribuut in op het html-element zodat hulptechnologie de juiste uitspraakregels gebruikt. Als je over meerdere locales publiceert, kies dan letterfamilies met de glyphs die je nodig hebt voor diakritische tekens of niet-Latijnse scripts. Heroverweeg cursief in scripts waarbij dat de leesbaarheid verlaagt. Als je merk ultra-lichte gewichten wil, bewaar die voor koppen en vermijd ze in lange alinea\u2019s. Schermreflectie en oudere beeldschermen maken haarlijnen onzichtbaar.<br \/>\n<span><\/span><br \/>\nMicrotypografie die helpt. Gebruik lining numerals in datatabellen voor nette kolommen, old-style numerals in lopende tekst als de familie die ondersteunt, en echte small caps voor metadata als het lettertype die bevat. Nep small caps zien er goedkoop uit. Echte ogen doordacht.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>typografie webdesign moet alle lezers dienen, niet alleen je merkboek.<br \/>\n<span><\/span><\/p>\n<h3><b>Testen op echte apparaten<\/b><\/h3>\n<p>Je designlaptop is niet het internet. Test typografie op een middenklasse telefoon buiten, een goedkope Windows-laptop binnen en \u00e9\u00e9n oud tablet. Open een lang artikel en een dichte UI-toestand. Als je hi\u00ebrarchie nog steeds leest en je body nog steeds makkelijk aanvoelt, ben je dicht bij het doel. Print een pagina. Als de gedrukte versie druk voelt, is de schermversie misschien ook aan de grens. Als je klaar bent om de audit om te zetten in geshipte beslissingen, kan ons<span>\u00a0<\/span><a href=\"https:\/\/www.studioubique.com\/nl\/webdesign-bureau\/\">webdesign<\/a>-team het systeem van tokens naar productie brengen zonder drama.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>test waar je lezers daadwerkelijk lezen.<br \/>\n<span><\/span><\/p>\n<h3><b>Vergelijkingen en keuzes<\/b><\/h3>\n<p><strong>Sans, serif of beide<\/strong><br \/>\nSans-families verwerken UI-labels en complexe dashboards met minder visuele ruis. Transitional of slab serifs lezen prachtig in long-form en geven B2B geloofwaardigheid. Veel merken gebruiken beide. De truc is intentie. Als je product interface-zwaar is, leid dan met een humanistische sans. Als je content de verkoop draagt, landt een zelfverzekerde serif-body met een sans-UI vaak beter.<br \/>\n<span><\/span><br \/>\n<strong>Twee statische bestanden of variable<\/strong><br \/>\nKleine sites met eenvoudige behoeften doen het prima met twee statische bestanden. Naarmate stijlen groeien, betaalt een variable-bestand een beetje setup terug met flexibiliteit en minder requests. Budget een uur om asbereiken af te stellen en goede fallbacks in te stellen zodat de winst zowel visueel als technisch is.<br \/>\n<span><\/span><br \/>\n<strong>Systeemstack of hosted<\/strong><br \/>\nSysteemfontstacks renderen direct en zijn ideaal voor snelheidskritische apps of interne tools. Hosted lettertypes geven stem, ligaturen en echte typografische nuance. Gebruik systeem bij harde performancebudgetten. Gebruik hosted als merktoon telt en het verkeer publiek is.<br \/>\n<span><\/span><br \/>\n<strong>Wie profiteert en wanneer<\/strong><br \/>\nStartups met een krap budget doen er goed aan een eenvoudige systeemstack te vergrendelen en later over te stappen naar een hosted of variable familie wanneer merkbehoeften scherper worden. Gevestigde merken moeten tijd investeren in het afstemmen van een variable-primair en een zorgvuldig gekozen accent zodat campagnes en product verwant aanvoelen.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>kies op basis van taak, traffic en beheer, niet mode.<br \/>\n<span><\/span><\/p>\n<h3><b>Bewijs: mini casestudy<\/b><\/h3>\n<p>Een B2B-contentsite lanceerde met body op 14 px, regels van bijna 100 tekens en modieus grijs dat de contrasttest niet doorstond. Studio Ubique voerde een typografiepass van twee weken uit. Body naar 16 px met regelafstand van 1,55. Regellengte beperkt tot circa 70 tekens door containerwidth te begrenzen. Tekstkleur opgehoogd zodat body en UI-toestanden AA haalden. Koppen behielden hun gekozen letterfamilie maar kregen een strakker tracking en een vettere H2 voor meer stem.<br \/>\n<span><\/span><br \/>\nHet resultaat over zes weken op artikeltemplates:<br \/>\n\u2013 Bounce op artikellandingspagina\u2019s daalde van 64 naar 56 procent<br \/>\n\u2013 Gemiddelde leestijd steeg met 22 seconden<br \/>\n\u2013 Scrolldiepte voorbij de eerste H2 steeg met 11 punten<br \/>\n\u2013 Supporttickets over \u201ckleine tekst\u201d daalden naar nul<br \/>\nDezelfde content. Dezelfde opmaak. Minder wrijving en \u00e9cht contrast.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>kleine typografische ingrepen bewegen echte getallen, geen gevoel.<\/p>\n<div class=\"img-block\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/10\/Typography-in-web-design-basics-4-1.jpg\" alt=\"designers beoordelen typografie-elementen voor een webdesign systeem\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 830px; --smush-placeholder-aspect-ratio: 830\/420;\" \/><\/div>\n<h3><b>Performance en CLS<\/b><\/h3>\n<p>Lettertypes kunnen de opmaak verschuiven als je het ze laat doen. Gebruik font-display: swap zodat tekst direct rendert en verfijnt als het lettertype laadt. Preload je primaire familie zodat de swap snel is. Houd fallback-stacks qua grootte dicht bij je gekozen lettertypes zodat tekst niet springt. Meet CLS voor en na elke lettertypewijziging. Als CLS stijgt, versmal je fallback, pas de preload-volgorde aan of verminder het aantal gewichten dat je laadt.<br \/>\n<span><\/span><br \/>\nExtra. Voor meertalige sites: subset lettertypes per script zodat je geen glyphs laadt die niemand nodig heeft. Voor componentbibliotheken: breng lettertypegebruik per component in kaart en snij dode gewichten. De meeste teams laden veel meer stijlen dan ze gebruiken.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>laad snel, vermijd opmaaksprongen, meet het resultaat.<\/p>\n<h3><b>Merkstem zonder te schreeuwen<\/b><\/h3>\n<p>Je hebt geen schreeuwend lettertype nodig om zelfverzekerd te klinken in webdesign. Je hebt structuur nodig. Duidelijke hi\u00ebrarchie zegt meer over je merk dan een novelty-lettertype. Gebruik een sterker gewicht op H2 voor toon, een onderscheidende cijferstijl voor data en nette small caps als hulpfunctie voor metadata. Kleur in tekst moet betekenis signaleren, niet stemming. Bewaar het drama voor hero-afbeeldingen en campagnekoppen.<br \/>\n<span><\/span><br \/>\n<strong>Takeaway:<\/strong><span>\u00a0<\/span>structuur draagt merkstem beter dan novelty.<br \/>\n<span><\/span><br \/>\nWil je een typografie-review van 30 minuten die je scale, contrast en laadstrategie instelt met twee praktische lettertypeopties?<span>\u00a0<\/span><a href=\"https:\/\/calendly.com\/studioubique\/video-call\" target=\"_blank\" rel=\"nofollow noopener\">Boek een snelle videocall<\/a>, we laten je precies zien wat er te fixen valt.<br \/>\n<span><\/span><br \/>\nGoede typografie in webdesign verlaagt het bouncepercentage en verhoogt de tijd op pagina. Houd regellengte rond 45 tot 85 tekens en voldoe aan AA-contrastratio\u2019s van 4,5 op 1 voor body en 3 op 1 voor grote tekst (Bron: WCAG 2.1 contrast minimum, 2025). Studio Ubique helpt teams dit binnen \u00e9\u00e9n sprint te implementeren.<\/p>\n<div class=\"img-block\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/10\/Typography-in-web-design-basics-5-1.jpg\" alt=\"team bespreekt typografie webdesign implementatie op tablet en planningsbord\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 830px; --smush-placeholder-aspect-ratio: 830\/420;\" \/><\/div>\n<h2 id=\"veelgestelde-vragen\">Veelgestelde vragen<\/h2>\n<h3><strong>Waarom is typografie belangrijk in webdesign?<\/strong><\/h3>\n<p>Tekst doet het zware werk. Goede typografie maakt pagina\u2019s moeiteloos leesbaar, wat begrip, scrolldiepte en conversies verhoogt. Leesbaarheid regeert als eerste. Stijl ondersteunt die.<\/p>\n<h3><strong>Hoeveel lettertypes moet een website gebruiken?<\/strong><\/h3>\n<p>Meestal twee. E\u00e9n primair voor alinea\u2019s en UI, \u00e9\u00e9n accent voor koppen of cijfers. Voeg een derde toe alleen voor een zeer specifieke rol. Meer lettertypes betekent meer requests en meer chaos.<\/p>\n<h3><strong>Welke grootte moet bodytekst hebben?<\/strong><\/h3>\n<p>Begin bij 16 px en test op echte apparaten. Combineer met regelafstand van 1,4 tot 1,7 en beperk regellengte tot 45 tot 85 tekens voor makkelijker scannen.<\/p>\n<h3><strong>Zijn variable fonts de moeite waard?<\/strong><\/h3>\n<p>Vaak wel. Ze consolideren stijlen in \u00e9\u00e9n bestand en laten je gewicht en breedte fijn afstemmen zonder extra downloads. Preload het primaire bestand en houd asbereiken conservatief voor bodytekst.<\/p>\n<h3><strong>Hoe bewaar ik merkstem zonder leesbaarheid te schaden?<\/strong><\/h3>\n<p>Gebruik toon in koppen, gewichtkeuzes, cijfers en small caps. Houd bodytekst rustig en leesbaar. Laat witruimte en hi\u00ebrarchie het meeste persoonlijkheidswerk doen.<\/p>\n<div class=\"insight-signature-footer\">\n<div class=\"author-detail\">\n<ul>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/author\/studio-ubique-admin-v1\/\">Lennart de Ridder<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/author\/studio-ubique-admin-v1\/\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/04\/author-img.png\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 208px; --smush-placeholder-aspect-ratio: 208\/208;\" \/><\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"link-box\">\n<p><a id=\"copy-link\" data-link=\"https:\/\/www.studioubique.com\/nl\/author\/studio-ubique-admin-v1\/\"><\/a>Copy link<span><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/themes\/studio-ubique\/assets\/images\/link.svg\" alt=\"link\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"lets-talk-box\" id=\"lets-talk\">\n<h4>Boek een 30 min fit check<\/h4>\n<p>Typografie is de stille ruggengraat van je website. Kies \u00e9\u00e9n primair lettertype dat moeiteloos leest, voeg \u00e9\u00e9n accent toe dat klinkt zoals jij, stel de scale in, beheers breedte en witruimte, voldoe aan contrast en ship met een verstandige laadstrategie. Je content komt zichzelf niet meer in de weg en je merk klinkt eindelijk zoals het is.<br \/>\n<span><\/span><br \/>\nBoek een snelle<span>\u00a0<\/span><a href=\"https:\/\/calendly.com\/studioubique\/video-call\" target=\"_blank\" rel=\"nofollow noopener\">30 min videocall<\/a>, we laten je precies zien wat er te fixen valt.<\/p>\n<p><a href=\"https:\/\/www.studioubique.com\/nl\/contact\/#2\" title=\"Plan een call\" target=\"\" class=\"btn big\" id=\"bookCallBtn\">Plan een call<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"container\">\n<div class=\"prev-page-box\"><a href=\"https:\/\/www.studioubique.com\/nl\/inzichten\/\" class=\"txtbtn secondary white whitearrow reverse\">Back to insights<\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"home-contact\" id=\"home-contact\">\n<div class=\"container-fluid\">\n<div class=\"swiper contact-slider swiper-initialized swiper-horizontal swiper-free-mode swiper-backface-hidden\">\n<div class=\"swiper-wrapper\" id=\"swiper-wrapper-8a9b5d565e511eaa\" aria-live=\"polite\">\n<div class=\"swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 \/ 6\" data-swiper-slide-index=\"0\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-1.jpg\" alt=\"Drie collega's genieten samen van koffie in kantoorkeuken in modern Zwolle kantoor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/340;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 \/ 6\" data-swiper-slide-index=\"1\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-6.jpg\" alt=\"Vier collega's lachen samen bij koffiehoek in modern Zwolle kantoor tijdens werkdag\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/410;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"3 \/ 6\" data-swiper-slide-index=\"2\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-7.jpg\" alt=\"Medewerker kijkt peinzend uit raam in modern Zwolle kantoor tijdens creatieve pauze\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/340;\" \/><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-8.jpg\" alt=\"Medewerker geeft kantoorplant een fist bump met droogkomisch gezicht in Zwolle kantoor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/410;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"4 \/ 6\" data-swiper-slide-index=\"3\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-9.jpg\" alt=\"Medewerker lacht spontaan aan bureau in licht Zwolle kantoor met planten op de achtergrond\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/410;\" \/><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-10.jpg\" alt=\"Twee collega's ontspannen bij bureaustoel met droogkomische blik in modern Zwolle kantoor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/220;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"5 \/ 6\" data-swiper-slide-index=\"4\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-11.jpg\" alt=\"Medewerker geeft kantoorplant water bij raam in zonnig Zwolle kantoor met een glimlach\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/220;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"6 \/ 6\" data-swiper-slide-index=\"5\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-12.jpg\" alt=\"Medewerker strekt armen uit naast bureau in zonnig Zwolle kantoor na geconcentreerd werken\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/340;\" \/><\/div>\n<\/div>\n<\/div>\n<p><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"><\/span><\/div>\n<div class=\"contact-form contact-form-latest border-box\">\n<div class=\"contact-form-inner\">\n<div class=\"sec-head\">\n<h3 class=\"\">Laten we van je volgende<br \/>\nproject een succesverhaal maken.<\/h3>\n<\/div>\n<div class=\"form-content-outer\">\n<div class=\"form-content form-main active\" id=\"formtab1\">\n<div class=\"form-top-info\">\n<h4>Vraag een voorstel aan<\/h4>\n<p>Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.<\/p>\n<\/div>\n<div class=\"wpcf7 js\" id=\"wpcf7-f10217-o1\" lang=\"nl-NL\" dir=\"ltr\" data-wpcf7-id=\"10217\">\n<div class=\"screen-reader-response\">\n<ul><\/ul>\n<\/div>\n<form action=\"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/?preview_id=14397&amp;preview_nonce=098d6abe32&amp;post_format=standard&amp;_thumbnail_id=-1&amp;preview=true#wpcf7-f10217-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contactformulier\" novalidate=\"novalidate\" data-status=\"init\" data-np-autofill-form-type=\"identity\" data-np-watching=\"1\">\n<div class=\"formbox\">\n<div class=\"form\">\n<div class=\"inputbox\"><label for=\"name\">Voor- en achternaam<sup>*<\/sup><\/label><span>\u00a0<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"fullname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"bijv. Jan van Dijk\" value=\"\" type=\"text\" name=\"fullname\" data-np-checked=\"1\" data-np-autofill-field-type=\"fullName\" \/><\/span><\/div>\n<div class=\"inputbox\"><label for=\"name\">Jouw e-mailadres<sup>*<\/sup><\/label><span>\u00a0<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"voorbeeld@domeinnaam.nl\" value=\"\" type=\"email\" name=\"email\" data-np-checked=\"1\" data-np-autofill-field-type=\"email\" \/><\/span><\/div>\n<div class=\"inputbox\"><label for=\"phone\">Jouw telefoonnummer<sup><\/sup><\/label><span>\u00a0<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"e.g. 0123456789\" value=\"\" type=\"tel\" name=\"phone\" data-np-checked=\"1\" data-np-autofill-field-type=\"phone\" \/><\/span><\/div>\n<div class=\"inputbox full\"><label for=\"name\">Hoe kunnen we je helpen?<sup>*<\/sup><\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"help\"><textarea cols=\"2\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Vertel kort wat er speelt\u2026\" name=\"help\" data-np-checked=\"1\"><\/textarea><\/span><\/div>\n<\/div>\n<div class=\"submit-row\">\n<div class=\"subhead\">\n<p>Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.<\/p>\n<\/div>\n<div class=\"submit-btn\" data-np-autofill-submit=\"\"><\/div>\n<\/div>\n<\/div>\n<\/form>\n<\/div>\n<\/div>\n<div class=\"form-content\" id=\"formtab2\">\n<div class=\"calendly-main\">\n<h4>Plan een call<\/h4>\n<div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/studioubique\/video-call?hide_event_type_details=1&amp;hide_gdpr_banner=1\" data-processed=\"true\">\n<div class=\"calendly-spinner\">\n<div class=\"calendly-bounce1\"><\/div>\n<div class=\"calendly-bounce2\"><\/div>\n<div class=\"calendly-bounce3\"><\/div>\n<\/div>\n<p><iframe width=\"100%\" height=\"100%\" data-src=\"https:\/\/calendly.com\/studioubique\/video-call?embed_domain=www.studioubique.com&amp;embed_type=Inline&amp;hide_event_type_details=1&amp;hide_gdpr_banner=1\" frameborder=\"0\" title=\"Select a Date &amp; Time - Calendly\" data-mce-fragment=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<footer>\n<div class=\"container\">\n<div class=\"footer-row\">\n<div class=\"ftdetails-box\">\n<div class=\"ft-featurebox border-box\">\n<h4 class=\"ft-head\">Studio Ubique<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/ons-werk\/\" title=\"Ons werk\" target=\"\">Ons werk<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/over-ons\/\" title=\"Over ons\" target=\"\">Over ons<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/inzichten\/\" title=\"Kennis en inzichten\" target=\"\">Kennis &amp; inzichten<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/contact\/\" title=\"Contact\" target=\"\">Contact<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/tarieven\/\" title=\"Tarieven\" target=\"\">Tarieven<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/veelgestelde-vragen\/\" title=\"Veelgestelde vragen\" target=\"\">FAQ<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box notabview\">\n<h4 class=\"ft-head\">Design<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/webdesign-bureau\/\" title=\"Webdesign\" target=\"\">Webdesign<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/design\/grafisch-ontwerpbureau\/\" title=\"Grafisch ontwerp\" target=\"\">Grafisch ontwerp<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/design\/app-design-bureau\/\" title=\"App design\" target=\"\">App design<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/design\/ux-ui-design-bureau\/\" title=\"UX\/UI design\" target=\"\">UX\/UI design<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box notabview\">\n<h4 class=\"ft-head\">Development<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/maatwerk-webdevelopment\/\" title=\"Webdevelopment\" target=\"\">Webdevelopment<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/maatwerk-cms-ontwikkeling\/\" title=\"CMS ontwikkeling\" target=\"\">CMS ontwikkeling<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/ecommerce-development\/\" title=\"E-commerce development\" target=\"\">E-commerce development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/frontend-development\/\" title=\"Frontend development\" target=\"\">Frontend development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/backend-development\/\" title=\"Backend development\" target=\"\">Backend development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/mobiele-app-development\/\" title=\"Mobiele app development\" target=\"\">Mobiele app development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/maatwerk-software-development\/\" title=\"Maatwerk software development\" target=\"\">Maatwerk software development<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box notabview\">\n<h4 class=\"ft-head\">Hosting &amp; beheer<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/managed-webhosting\/\" title=\"Managed webhosting\" target=\"\">Managed webhosting<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/managed-vps-hosting\/\" title=\"Managed VPS hosting\" target=\"\">Managed VPS-hosting<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/zakelijke-e-mailhosting\/\" title=\"Zakelijke e-mailhosting\" target=\"\">Zakelijke e-mailhosting<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/domeinregistratie\/\" title=\"Domeinregistratie\" target=\"\">Domeinregistratie<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/website-onderhoud\/\" title=\"Website onderhoud\" target=\"\">Onderhoud<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/website-migratie\/\" title=\"Website migratie\" target=\"\">Website migratie<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/website-beveiliging-en-snelheid\/\" title=\"Beveiliging en snelheid\" target=\"\">Beveiliging en snelheid<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/service-level-agreement\/\" title=\"Service level agreement (SLA)\" target=\"\">Service Level Agreements<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box\">\n<h4 class=\"ft-head\">Online marketing<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/ai-seo-diensten\/\" title=\"AI SEO\" target=\"\">AI SEO<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/google-ads-bureau\/\" title=\"Google Ads\" target=\"\">Google Ads<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/online-reputatiemanagement-bureau\/\" title=\"Online reputatiemanagement (ORM)\" target=\"\">Online reputatiemanagement (ORM)<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/seo-bureau-nederland\/\" title=\"Zoekmachineoptimalisatie (SEO)\" target=\"\">Zoekmachineoptimalisatie (SEO)<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/social-media-marketing-bureau-nederland\/\" title=\"Social media marketing\" target=\"\">Social media marketing<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box\">\n<h4 class=\"ft-head\">Handige links<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/wordpress-website-laten-maken\/\" title=\"WordPress\" target=\"\">WordPress<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/woocommerce-webshop-laten-bouwen\/\" title=\"WooCommerce\" target=\"\">WooCommerce<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/shopify-webshop-ontwikkeling\/\" title=\"Shopify\" target=\"\">Shopify<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/white-label\/\" title=\"White label\" target=\"\">White-label<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"copyrightrow\">\n<div class=\"copyright-inner\">\n<div class=\"copyrighttxt\">\n<div class=\"imgbox\"><a href=\"https:\/\/www.studioubique.com\/nl\"><img decoding=\"async\" src=\"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/?preview_id=14397&amp;preview_nonce=098d6abe32&amp;post_format=standard&amp;_thumbnail_id=-1&amp;preview=true\" alt=\"\" \/><\/a><\/div>\n<p>\u00a9 2012-2026. Alle rechten voorbehouden.<\/p>\n<\/div>\n<div class=\"ftheadline headline-desktop\">\n<p><span><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/themes\/studio-ubique\/assets\/images\/globe.svg\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/span>100% remote, wereldwijd<\/p>\n<\/div>\n<div class=\"terms-link notabview\">\n<ul>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/de-kleine-lettertjes\/#1\">Cookiebeleid<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/de-kleine-lettertjes\/#2\">Privacybeleid<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/de-kleine-lettertjes\/#3\">Algemene voorwaarden<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/footer>\n<p><\/main><\/div>\n<\/div>\n<\/div>\n<p><zapier-interfaces-chatbot-embed is-popup=\"true\" chatbot-id=\"cmht3xrkw001uupl2sooxeyp4\" class=\"hydrated\"><iframe width=\"77px\" height=\"77px\" id=\"zapier-chatbot-embed\" class=\"is-zpopup is-zpopup__closed lazyload\" data-src=\"https:\/\/interfaces.zapier.com\/embed\/chatbot\/cmht3xrkw001uupl2sooxeyp4?isPopup=true\" allow=\"clipboard-write *\" data-mce-fragment=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-load-mode=\"1\"><\/iframe><\/zapier-interfaces-chatbot-embed><\/p>\n<div id=\"myModal\" class=\"modal\">\n<div class=\"lottie-container\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 500 500\" width=\"500\" height=\"500\" preserveaspectratio=\"xMidYMid meet\"><defs> \t<lineargradient id=\"lottie0_gradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><\/lineargradient> \t<lineargradient id=\"lottie0_gradient2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><\/lineargradient> \t<lineargradient id=\"lottie0_gradient3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><\/lineargradient><\/defs><defs><clippath id=\"__lottie_element_2\"><rect width=\"500\" height=\"500\" x=\"0\" y=\"0\"><\/rect><\/clippath> \t<lineargradient id=\"__lottie_element_7\" spreadmethod=\"pad\" gradientunits=\"userSpaceOnUse\" x1=\"-208.17300415039062\" y1=\"-213.97300720214844\" x2=\"205.6320037841797\" y2=\"212.44000244140625\"><\/lineargradient> \t<lineargradient id=\"__lottie_element_11\" spreadmethod=\"pad\" gradientunits=\"userSpaceOnUse\" x1=\"-277.4339904785156\" y1=\"277.4830017089844\" x2=\"285.62298583984375\" y2=\"-280.42999267578125\"><\/lineargradient> \t<lineargradient id=\"__lottie_element_15\" spreadmethod=\"pad\" gradientunits=\"userSpaceOnUse\" x1=\"-338.7449951171875\" y1=\"-377.5360107421875\" x2=\"349.1189880371094\" y2=\"356.9849853515625\"><\/lineargradient><\/defs><g clip-path=\"url(#__lottie_element_2)\"><g transform=\"matrix(0.49849823117256165,0,0,0.49849823117256165,0.6262664794921875,0.6262664794921875)\" opacity=\"1\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,500.25,500.25)\"><path fill=\"url(#lottie0_gradient1)\" fill-opacity=\"1\" d=\" M0,-500 C-276.1419982910156,-500 -500,-276.1419982910156 -500,0 C-500,276.1419982910156 -276.1419982910156,500 0,500 C276.1419982910156,500 500,276.1419982910156 500,0 C500,-276.1419982910156 276.1419982910156,-500 0,-500z\" stroke=\"#ededf2\" stroke-width=\"0.5\" stroke-opacity=\"0.1\"><\/path><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><\/g><\/g><\/g><g transform=\"matrix(0.49824512004852295,0,0,0.49824512004852295,50.577392578125,50.577392578125)\" opacity=\"1\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,400.25,400.25)\"><path fill=\"url(#lottie0_gradient2)\" fill-opacity=\"1\" d=\" M-400,0 C-400,220.91400146484375 -220.91400146484375,400 0,400 C220.91400146484375,400 400,220.91400146484375 400,0 C400,-220.91400146484375 220.91400146484375,-400 0,-400 C-220.91400146484375,-400 -400,-220.91400146484375 -400,0z\" stroke=\"#ededf2\" stroke-width=\"0.5\" stroke-opacity=\"0.1\"><\/path><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><\/g><\/g><\/g><g transform=\"matrix(0.4912632405757904,0,0,0.4912632405757904,102.49821472167969,102.49821472167969)\" opacity=\"1\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,300.25,300.25)\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path fill=\"url(#lottie0_gradient3)\" fill-opacity=\"1\" d=\" M-300,0 C-300,165.68499755859375 -165.68499755859375,300 0,300 C165.68499755859375,300 300,165.68499755859375 300,0 C300,-165.68499755859375 165.68499755859375,-300 0,-300 C-165.68499755859375,-300 -300,-165.68499755859375 -300,0z\" stroke=\"#ededf2\" stroke-width=\"0.5\" stroke-opacity=\"0.1\"><\/path><\/g><\/g><\/g><\/g><\/svg><\/div>\n<div class=\"modal-content landing-new\">\n<div class=\"header\"><span class=\"close\">\u00d7<\/span><\/div>\n<div class=\"unlock-feature\"><\/div>\n<div class=\"banner-contact\"><\/div>\n<div class=\"modal-footer\"><\/div>\n<\/div>\n<\/div>\n<div id=\"cmplz-manage-consent\" data-nosnippet=\"true\"><\/div>\n<div><\/div>\n<div id=\"zp-13-0-2-licdn-root-apollo_everywhere\">\n<div class=\"zp apolloio-css-vars-reset x_lAIzV x_ktWFc\" dir=\"ltr\" data-has-tooltip-listener=\"\">\n<div class=\"zp\">\n<div><\/div>\n<\/div>\n<div class=\"x_BJJxg\" data-disable-focus-trap=\"true\"><\/div>\n<div class=\"x_KfhZL\" aria-live=\"polite\" aria-atomic=\"true\" data-disable-focus-trap=\"true\" data-testid=\"toast-container-top\"><\/div>\n<\/div>\n<\/div>\n<div class=\"extension-opener-icon\">\n<div class=\"zp apolloio-css-vars-reset x_lAIzV x_ktWFc\" dir=\"ltr\">\n<div class=\"x_SrTzk x_pnPas zp-13-0-2-zp-fixed\" data-cy=\"apollo-opener-icon-new\"><img decoding=\"async\" draggable=\"false\" alt=\"Apollo\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBmaWxsPSIjZWJmMjEyIiBkPSJtMjEuNDY2IDUuMDcxLjAwNCAxMC45MTVjLjAwMSAxLjcyNS0xLjgzNCAyLjgzLTMuMzU4IDIuMDI0TDcuMTcgMTIuMjIzYTE1LjEgMTUuMSAwIDAgMSAzLjEtMy42NGw4LjU4MiA3LjkzMmMuNDU1LjQyIDEuMTcyLS4wMzYuOTg1LS42MjZMMTYuNTA5IDUuNDFhMTUgMTUgMCAwIDEgNC45NTYtLjMzOE0xOC40OTYgMzQuOTI1bC0uMDA1LTEwLjg2YzAtMS43MjQgMS44MzQtMi44MyAzLjM1OS0yLjAyM2wxMC45NDYgNS43OWExNSAxNSAwIDAgMS0zLjExNiAzLjYyNmwtOC41Ny03LjkyMWMtLjQ1NS0uNDItMS4xNzIuMDM1LS45ODUuNjI1bDMuMzE2IDEwLjQ0MWExNSAxNSAwIDAgMS00Ljk0NS4zMjJNMjMuNDkyIDE4Ljg5OCAzMS40NCAxMC4zYTE1IDE1IDAgMCAwLTMuNjQtMy4xMTNsLTUuODA0IDEwLjk3MmMtLjgwNiAxLjUyNC4zIDMuMzU5IDIuMDI0IDMuMzU4bDEwLjkwNS0uMDA1YTE1LjIgMTUuMiAwIDAgMC0uMzI0LTQuOTU4bC0xMC40ODQgMy4zM2MtLjU5LjE4Ny0xLjA0NS0uNTMtLjYyNS0uOTg1TTUuMDcgMTguNTRsMTAuODcyLS4wMDRjMS43MjUgMCAyLjgzIDEuODM0IDIuMDI0IDMuMzU4TDEyLjE5MiAzMi44MWExNSAxNSAwIDAgMS0zLjYyNy0zLjEwM2w3LjkwNi04LjU1M2MuNDItLjQ1NS0uMDM2LTEuMTcyLS42MjYtLjk4NUw1LjQwOCAyMy40ODRhMTUgMTUgMCAwIDEtLjMzNy00Ljk0MyIvPjwvc3ZnPg==\" class=\"x_IFkFs x_Zjwlo x_MG3Du\" \/><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Typografie\u00a0webdesign:\u00a0het\u00a0juiste\u00a0lettertype\u00a0kiezen\u00a0voor\u00a0leesbaarheid\u00a0en\u00a0merkstem Ga naar Typografie webdesign de basis Veelgestelde vragen Let\u2019s talk Design okt 28, 2025 Typografie webdesign: de basis Typografie in webdesign werkt wanneer leesbaarheid vooropstaat en merkstem volgt. Kies \u00e9\u00e9n primaire werkpaardfamilie voor body en UI, voeg \u00e9\u00e9n accent toe voor karakter, stel een duidelijke type scale in, beheers regellengte en witruimte en voldoe&hellip; <a class=\"more-link\" href=\"https:\/\/www.studioubique.com\/nl\/typografie-webdesign\/\">Continue reading <span class=\"screen-reader-text\">Typografie webdesign: het juiste lettertype kiezen voor leesbaarheid en merkstem<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[71],"tags":[190,189],"class_list":["post-14397","post","type-post","status-publish","format-standard","hentry","category-design","tag-lettertype-kiezen-website","tag-typografie-webdesign","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/posts\/14397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/comments?post=14397"}],"version-history":[{"count":8,"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/posts\/14397\/revisions"}],"predecessor-version":[{"id":15048,"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/posts\/14397\/revisions\/15048"}],"wp:attachment":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/media?parent=14397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/categories?post=14397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/tags?post=14397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}