Design System (branding)
The Design System is the set of brand rules applied across the whole site. Define colors, fonts, and spacing in one place and they apply consistently to every page.
There are two places to configure it:
- Organization defaults — Settings → Design System
- Per-site overrides — Each site's Design System tab (override the organization defaults per site)
What you can set:
- Primary / secondary colors and other brand colors
- Fonts (typography)
- Spacing, corner radius, and other base styles
Changing a color or font updates every page that uses it at once. You don't need to change each page individually.
Reusable components
Components are parts reused identically across many pages — most commonly the header and footer.
- Create and edit them in the site's Components tab.
- Build once and place on many pages; editing the component updates every page that uses it.
For example, changing the phone number in the footer updates it on every page that includes the footer.
Logo
Upload your logo in the media/branding step of the AI Site Builder, or later upload it to the Assets library to use in the header and elsewhere.