Skip to main content

Design System

Visual standards and styling options available in the page builder. Preview the theme defaults here

Why Dropdowns Instead of Custom Values?​

You'll notice most styling options are dropdowns with preset choices rather than text fields where you type numbers. This is intentional:

  • Stay on-brand - Every option has been pre-selected to match your brand guidelines
  • No guesswork - Just pick from the list; no need to wonder "is 24px the right size?"
  • Works on all devices - Each preset has been tested on phones, tablets, and desktops

Automatic Sizing for Different Screens​

Text and spacing automatically adjust for different screen sizes. A heading that looks great on desktop will scale down appropriately on mobile—you don't need to set anything. This keeps your pages looking polished everywhere without extra work.