# Espacement et mise en page - Système de design Unless

Fondations

# Espacement et mise en page
  [Grille](/fr/design/foundations/spacing/)[Échelle](/fr/design/foundations/spacing/scale/)[Conteneur](/fr/design/foundations/spacing/container/)[Points de rupture](/fr/design/foundations/spacing/breakpoints/)
## Utilitaires de section + conteneur de contenu

Les deux primitives de mise en page sur lesquelles repose chaque page : `.u-section-base` pour le rythme vertical, `--content-max` pour le plafond horizontal.

- `.u-section-base` : 96 px / 120 px (md+) de marge intérieure haut + bas.
- `--content-max` : **1 280 px**, centré via `mx-auto`.
- Les surfaces adjacentes identiques réduisent leur marge (évite un rythme doublé).
       [Typographie · Usage](/fr/design/foundations/typography/usage/)     [Espacement et mise en page · Éch...](/fr/design/foundations/spacing/scale/)