# Witruimte en layout - designsysteem van Unless

Fundamenten

# Witruimte en layout
  [Grid](/nl/design/foundations/spacing/)[Schaal](/nl/design/foundations/spacing/scale/)[Container](/nl/design/foundations/spacing/container/)[Breakpoints](/nl/design/foundations/spacing/breakpoints/)
## Responsive breakpoints en wat ze mogelijk maken

De vijf breakpoints waar het systeem naar grijpt, in Tailwind-eenheden, met de layoutverschuiving die elk daarvan in gang zet.

- `sm`: 640px
- `md`: 768px (sectiepadding gaat naar 120px)
- `lg`: 1024px (de herokop haalt het doel van twee regels)
- `xl`: 1280px (contentbreedte)
- `2xl`: 1536px (de zijmarges worden breder, de content blijft begrensd)
       [Witruimte en layout · Container](/nl/design/foundations/spacing/container/)     [Beweging · Easing](/nl/design/foundations/motion/)