# Theme surfaces — Unless design system

Surfaces

# Theme surfaces
  [Paper](/en/design/surfaces/theme/)[Cool](/en/design/surfaces/theme/cool/)[Navy](/en/design/surfaces/theme/navy/)[Tokens](/en/design/surfaces/theme/tokens/)
## Section utility classes

The three section utilities that map onto the three surfaces, plus the rhythm rule the page enforces automatically.

- `.u-section` → paper.
- `.u-section-tinted` → cool, with whisper-texture pseudo.
- `.u-section-dark` → navy, lifts `--border-strong`.
- Adjacent matching sections collapse padding automatically.
       [Theme surfaces · Navy](/en/design/surfaces/theme/navy/)     [Buttons · Variants](/en/design/components/buttons/)