Page containers

One of the most important design token that should be unified across the website is a page container. Page container determines the container in which page sections are displayed. There are two design tokens defining page container size:

  • margin

  • max width

Margin

In most cases max width is not necessary and you only need a container margin (selected with red dotted line):

Max width

Sometimes the page layout requires both container margin and max width:

Last updated