# Surfaces de thème - Système de design Unless

Surfaces

# Surfaces de thème
  [Papier](/fr/design/surfaces/theme/)[Froide](/fr/design/surfaces/theme/cool/)[Marine](/fr/design/surfaces/theme/navy/)[Tokens](/fr/design/surfaces/theme/tokens/)
## Classes utilitaires de section

Les trois utilitaires de section qui correspondent aux trois surfaces, ainsi que la règle de rythme que la page applique automatiquement.

- `.u-section` → papier.
- `.u-section-tinted` → froide, avec pseudo-élément de texture discrète.
- `.u-section-dark` → marine, remonte `--border-strong`.
- Les sections adjacentes identiques réduisent automatiquement leur marge.
       [Surfaces de thème · Marine](/fr/design/surfaces/theme/navy/)     [Boutons · Variantes](/fr/design/components/buttons/)