Grid

The Grid section provides guidance for structuring layouts and creating consistent, responsive digital experiences across the Concordia Design System. Learn how grids, alignment, spacing, and layout conventions work together to support usability, scalability, and accessibility.

Planned content:

  • Grid principles and layout foundations
  • Responsive grid behaviour
  • Column structures and breakpoints
  • Content width and alignment guidance
  • Spacing and rhythm
  • Layout patterns and composition
  • Nested grids and complex layouts
  • Accessibility considerations for layout
  • Grid usage in Figma
  • Implementation guidance for developers
  • Common layout dos and don’ts