Breakpoints belong to your content, not to device catalogs.

Principles#

Grow the viewport until something breaks; fix it with the nearest prefix; repeat. Document what changes at each screen in your design system. Ten built-in screens cover almost every case.

Applied#

  • Apply it to your next feature, not a mythical redesign
  • Encode the decision as a token or component
  • Write one paragraph of team guidance
  • Audit an existing page against the principle

design/index|Design guides · themes/index|Themes