Shopstory
  • Overview
  • Getting started
    • Installation
    • Connecting CMS
      • Contentful
      • Sanity
    • Displaying content
    • Content modeling with Shopstory
  • Devices and breakpoints
  • Design tokens
    • Colors
    • Spacings
    • Fonts
    • Page containers
      • Margins
      • Max width
    • Aspect ratios
    • Missing tokens
  • Custom code
    • Components
    • Buttons
    • Actions
    • Links
  • Resources
  • Image
  • Analytics
  • Schema reference
  • CMS Guides
    • Contentful
    • Sanity
Powered by GitBook
On this page
  • Margin
  • Max width
  1. Design tokens

Page containers

PreviousFontsNextMargins

Last updated 2 years ago

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: