AI Brand Kits
Generate, import, preview, and apply complete global style 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
1
Open Styling
Go to Styling.
2
Open AI Brand Kits
Choose AI Brand Kits.
3
Create a kit
Generate from a prompt, import from a URL, or capture your current styles.
4
Preview and apply
Preview a kit on your site, then apply it globally when ready.
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.
Related Help Docs
Updated Apr 3, 2026
Was this helpful?