Le composant “Espacement” permet d’ajuster précisément les espaces entre les éléments d’une page.
Bien utilisé, il améliore la lisibilité, équilibre la composition et donne du rythme à la composition.
Selon le contexte, il peut servir à :
aérer un contenu
marquer une séparation
renforcer la hiérarchie visuelle entre deux sections
Ses différentes tailles permettent de s’adapter à chaque situation, du simple ajustement à une respiration plus marquée dans la page.
Son intérêt se retrouve aussi dans le responsive : les espacements peuvent être ajustés selon les écrans pour conserver un rendu clair sur mobile et plus aéré sur desktop.
Invisible dans l’interface, il joue pourtant un rôle essentiel dans la clarté, la cohérence et la qualité perçue de la page.
