AI Brand Kits

What AI Brand Kits do

AI Brand Kits let you save and re-apply a complete global style system, including:

• Colors
• Text and fonts
• Buttons
• Form styles
• Layout widths
• A reusable typography weight profile used by AI page generation to keep heading/body/button hierarchy more consistent
• A typography pairing and type scale profile so generated pages start with more consistent heading-to-body rhythm

Create and apply a kit

Brand Board workflow

The Brand Board gives AI Brand Kits a broader review space:

• Capture Current Styles before applying a generated or imported kit.
• Preview saved kit versions and restore the current preview if the direction is not right.
• Use Style Check to find color, typography, button, form, or AI Design Rule warnings before applying a kit to important pages.
• Apply a built-in recipe when you want guided cleanup without generating a full new kit.

Tips

• Use Capture current styles before experimenting so you always have a rollback version.
• Rename important kits so your team can identify approved style directions quickly.
• Re-check critical pages after applying a kit in case spacing or contrast needs a quick adjustment.
• If you regenerate pages with AI, keep your preferred kit selected so weight hierarchy stays aligned with your approved brand direction.
• AI generation now uses expanded font pairing and scale matching, so prompts for service-focused pages stay more consistent with structured brand direction by default.