# Use your Brand Kit on a site

**Category:** [Website Builder](https://help.totalctrl.app/hc/totalctrl/totalctrl-help-center/en-US/categories/website-builder)
**Updated:** 2026-08-19

## Make a site on-brand in one switch

Open your site's **Settings** and turn on **Use Brand Kit**, then choose which kit to apply. The public site immediately uses that kit's colours, fonts (including any custom fonts), and accent — and updates to the kit flow through automatically. While the kit is on, the site's own colour and font pickers are hidden; your favicon and custom CSS still apply on top.
## Brand colour swatches in the editor

When a site uses a Brand Kit, every colour field in the block editor shows a row of **brand swatches**. Click one to drop a brand colour straight into a block — no copying hex codes.
## Or start from a kit and tweak

Prefer a one-time starting point instead of a live link? In Settings use **…or start from a Brand Kit → Apply to site**. This copies the kit's colour and font into the site's own settings so you can adjust them freely afterwards. (This is a copy, not the live “Use Brand Kit” link.)
## On-brand AI

When a kit is applied, the Website's AI generation uses your brand palette — and your *Brand & Standards* voice and tone — so generated copy and colours come out on-brand. See *Generate & refine text with AI*.

---

## Related Articles

- [Create a site](https://help.totalctrl.app/en-US/articles/create-a-site)
- [Creating Your Website](https://help.totalctrl.app/en-US/articles/creating-your-website)
- [Track visitors with analytics](https://help.totalctrl.app/en-US/articles/track-visitors-with-analytics)
- [Website Builder Overview](https://help.totalctrl.app/en-US/articles/website-builder-overview)
- [Generate & refine text with AI](https://help.totalctrl.app/en-US/articles/website-ai-text)

---
[← Back to TotalCtrl Help Center](https://help.totalctrl.app/en-US/)