> For the complete documentation index, see [llms.txt](https://docs.shopstory.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopstory.app/design-tokens/page-containers.md).

# 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): 

<figure><img src="/files/9gIslKj0IrcRYLk1PQlG" alt=""><figcaption></figcaption></figure>

## Max width

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

<figure><img src="/files/VuyLWWkcPuNK2aq6VSYA" alt=""><figcaption></figcaption></figure>