AllDesignStyling

Styling

Manage global styles for your website.

What styling controls

Styling updates global defaults that apply across your website.

Quick start

1

Open Styling

Go to

Styling

.

2

Choose a section

Select AI Brand Kits, Colors, Text & Fonts, Buttons, Email Styles, Videos, Forms, Layout, or AI Design Rules.

3

Save changes

Click Save to apply updates.

Common tasks

Brand Board and style checks

Open Brand Board from Styling when you want a higher-level view of the current design system.

  • Overview previews colors, text, buttons, forms, and AI Design Rules in one place.
  • Style Check lists built-in warnings for contrast, typography, button consistency, form readability, and AI Design Rules.
  • Recipes applies guided style adjustments such as accessible defaults, stronger conversion buttons, editorial spacing, or dark-section form tuning.
  • Brandkits lets you capture current styles before testing a new direction, then restore or apply a saved version.

AI Design Rules

  • Use AI Design Rules when you want AI to follow a clearer visual direction across future generations without changing your live colors, fonts, buttons, or layout defaults first.
  • Choose Fill in from reference URL to read a reference page and populate any rules that are still set to Auto. Customized rules stay as-is.
Updated Jun 1, 2026

Was this helpful?