Development guide

Spacing

Padding en Margins

Voor alle ontwerpen van Vektis worden wordt er gebruik gemaakt van paddings en margins van 5px of een vermeenigvuldiging hiervan. Alle spacings en paddings moeten dus een vermeenigvuldiging zijn van 5px.

Hoe werkt het?

Door deze afstanden aan te houden voor alle elementen zorg je voor consistentie binnen een elementen en pagina’s. Alle afstanden tussen en binnen elementen kunnen als volgt zijn: 5 / 10 / 15 / 20 / 25 / 30 / 35 / 40 / 45 / 50 / 55 / 60 / 65 / etc. Zorg er ook voor dat alle paddings binnen een element altijd hetzelfde zijn. Dus als je in een component 15px padding hebt, voer dit dan door op alle componenten zodat alle componenten consistent blijven.


Voorbeeld:

img spacing
img spacing