Core
      Back to home
      1. Knowledge Base
      2. Design Tokens
      3. Core

      Spacing Styles

      Define the global size and spacing of your site

      Site width

      Set the maximum width of the container of your site. We suggest using a setting of 100% on mobile and 1400px on desktop (this fits well on most modern devices and screens)

      Site margin

      The width on either side of of the content. This setting lets you maintain consistent margins, particularly important on mobile.

      Section height

      When setting a section height, you can either choose from these default values, or to use auto or manual. Change these settings to make your defaults more appropriate to your design.

      Content width

      Sections, Columns, Modals, and a couple other layout content items include a Content Block as part of their structure. define the default width here.