Our new design language is in rapid iteration.
Refer to the PDF for full details.
Download latest design manual

Grid

We use a compound 4 & 6 column grid.

Related: Layout design tokens.

Breakpoints

We use broad-banded device categories and do no chase specific devices. Breakpoints set some boundaries, but in reality responsiveness should be driven by the content.

Our breakpoints are:

  • Small: 0 to 767px
  • Medium: 768px to 1400px
  • Large: 1401px and higher

Related: Breakpoint design tokens.