De witruimte in een e-mail laat zien welke elementen bij elkaar horen. Een kop, de toelichting en de bijbehorende knop horen dichter bij elkaar dan twee losse productverhalen. Als elke afstand hetzelfde is, kan zelfs een korte Shopify-campagne druk of juist onsamenhangend aanvoelen. Werk met een kleine, consistente schaal voor tussenruimtes en controleer of de groepering logisch blijft wanneer de indeling op mobiel onder elkaar komt te staan.
Groepeer elementen op betekenis
Houd de productnaam dicht bij de afbeelding en prijs. Plaats uitleg vlak bij de actie die erbij hoort. Gebruik meer ruimte tussen afzonderlijke onderdelen dan tussen verwante elementen binnen één onderdeel. Zo krijgt de lezer visueel houvast voordat die elk woord heeft gelezen.
Verwerk dit patroon in een herbruikbare Sendvio-template. Kies een beperkt aantal afstanden en pas die consequent toe in plaats van elk blok op het oog aan te passen. De template moet meegroeien wanneer een kop op een extra regel terechtkomt.
Gebruik een kleine schaal in plaats van losse afstanden
Kies enkele afstanden en geef elke afstand een functie. Als uitgangspunt kun je een kleine ruimte gebruiken tussen productnaam en prijs, een middelgrote tussen uitleg en actie, en een grotere om een nieuw onderdeel aan te kondigen. De precieze waarden moeten bij je template passen; de onderlinge verhouding is belangrijker dan één specifiek getal.
Je kunt bijvoorbeeld 8, 16 en 32 pixels testen voor die drie niveaus en de waarden aanpassen nadat je de verzonden e-mail hebt bekeken. Gebruik de grootste afstand niet tussen elke alinea. Als alles even ver uit elkaar staat, lijken verwante details niet meer bij elkaar te horen en wordt de e-mail onnodig lang.
Regelafstand heeft een andere functie. Die geeft regels binnen een alinea genoeg ruimte om ze prettig te kunnen volgen. Alineamarges scheiden complete gedachten. Een grote marge lost dicht op elkaar staande regels niet op, en een grotere regelafstand maakt twee losse onderdelen niet vanzelf herkenbaar. Pas de juiste soort ruimte aan.
Voorkom witruimte zonder functie
Grote lege ruimtes kunnen een kort bericht onsamenhangend maken, vooral op een telefoon. Controleer of een blok met vaste hoogte of een overbodige tussenruimte de actie ver onder de bijbehorende uitleg duwt. Los de oorzaak in de structuur op in plaats van de tekst kleiner te maken om een onhandige vorm op te vullen.
Zorg voor prettig leesbare regelafstand in alinea’s en vermijd tekstkolommen die te breed zijn. Korte alinea’s volgen makkelijker wanneer de regels bij elkaar blijven zonder op elkaar gepropt te staan. Bekijk lange productnamen en taalversies voordat je de tussenruimtes definitief vastlegt.
Onderzoek de lege ruimte voordat je de typografie aanpast
Staat er een groot leeg vlak onder een korte kop, kijk dan naar vaste hoogtes, spacerblokken en padding van zowel de kop als het volgende onderdeel. Twee instellingen die afzonderlijk redelijk lijken, kunnen samen een veel te grote afstand opleveren. Haal de dubbele ruimte weg in plaats van het lettertype kleiner te maken om het vlak te vullen.
Controleer wanneer kolommen op mobiel onder elkaar komen of uitlijningsspacers voor desktop tussen de verticale blokken blijven staan. Een spacer die knoppen in kaarten naast elkaar uitlijnt, kan onder een korte productbeschrijving een overbodige lege plek worden. Gebruik liever onderdelen die zich aan de inhoud aanpassen en plaats ze zo dat elk product een samenhangend geheel blijft.
Controleer eerst de snelle scan en lees daarna alles
Bekijk de e-mail enkele seconden en bepaal wat de belangrijkste belofte en actie zijn. Trekken meerdere blokken evenveel aandacht, maak de hiërarchie dan eenvoudiger. Lees vervolgens het hele bericht om te controleren of de visuele groepering bij de betekenis past.
Bekijk ook de smalle indeling nadat kolommen onder elkaar staan. Een afstand die tussen twee kaarten naast elkaar passend leek, kan verticaal buitensporig worden. Goede witruimte moet op beide formaten bewust gekozen aanvoelen, zonder dat de indeling afhankelijk is van geforceerde regeleinden of een vaste hoeveelheid tekst.
Test het systeem met realistische korte en lange inhoud. Bij een korte kop hoort de knop niet los te raken; een lange kop mag niet tegen de prijs aanlopen. Neem een vertaling, een ontbrekende optionele regel en een product zonder afbeelding mee. De tussenruimtes moeten zulke variaties opvangen zonder dat je elke campagne handmatig opnieuw hoeft te ontwerpen.
Rond af met twee controles: scan de e-mail snel om belofte en actie te vinden en lees daarna alles om de volgorde te beoordelen. Ziet het geheel er rustig uit, maar staat de actie meerdere schermen verder dan de uitleg die erbij hoort, dan is de groepering nog niet goed. Goede witruimte maakt onderlinge verbanden duidelijk voordat de klant besluit elk woord te lezen.