Tailwind CSS in de praktijk
Tailwind CSS is de manier waarop we de opmaak van een site vastleggen: kleuren, afstanden, lettergroottes, randen. Zie het als een gereedschapskist met vaste maten, je pakt een maat, je verzint er geen. Omdat iedereen uit dezelfde kist werkt, ziet elk scherm eruit alsof het van dezelfde hand komt. En omdat alleen de gebruikte onderdelen meegaan naar de site, blijft het bestand klein en de pagina snel.
Wij leggen hierin de huisstijl van een klant vast: één set kleuren, één ritme in de witruimte, één set koppen. Bij Elektromarine bepaalde dat ook de leesbaarheid, de contrastverhouding van 9,03:1 tussen tekst en achtergrond is geen toeval maar een vastgelegde keuze. Voor Peponi XL en Naturolijf zorgt het dat grote aantallen pagina's dezelfde opmaak dragen, zonder dat iemand per pagina nog aan de vormgeving sleutelt.
Waar dit zijn geld terugverdient
Stel: marketing wil volgende week een landingspagina voor een nieuwe productgroep. Iemand schrijft de tekst en kiest de blokken; de opmaak komt uit het bestaande systeem, dus een ontwerpronde is niet nodig. De pagina staat online in dezelfde stijl als de rest, ook op een telefoon. Jij kijkt alleen nog naar de inhoud, niet naar of de knop de juiste kleur heeft. Wordt de huisstijl later aangepast, dan verander je het op één plek en schuift de hele site mee. Wat eruit komt: campagnepagina's in dagen, niet in weken.
- Nieuwe pagina's in huisstijl zonder ontwerpronde
- Huisstijl op één plek wijzigen, overal doorgevoerd
- Werkt op telefoon en scherm zonder aparte mobiele versie
- Kleine bestanden, dus snellere pagina's
- Contrast en leesbaarheid vastgelegd in plaats van per pagina bedacht
Tailwind maakt de code drukker om te lezen; wie er voor het eerst in kijkt, moet wennen. Het is ook geen vormgeving: het legt keuzes vast, maar iemand moet die keuzes eerst maken. Zonder een doordacht ontwerp krijg je een nette, maar karakterloze site terug. En het vervangt geen beheersysteem, teksten wijzig je elders.