> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Brand styles and Check it

> Set your logo, fonts, colours, buttons, layout and dark mode once. Check them when you set up from Email Love's starter, and change them later on the Brand styles tab.

Brand styles are the parts of your brand every email shares: the logo, fonts and type sizes, colours, buttons and layout. Components use them, so a change here changes every component that uses it.

![The Brand styles tab showing the Logo section](https://mintcdn.com/emaillove/Mq_WDCFfMdudNH2J/images/builder/design-systems/brand-styles.png?fit=max\&auto=format\&n=Mq_WDCFfMdudNH2J\&q=85\&s=44e28223460cfb05843226e0ac21c95c)

## Where to find them

1. Go to **Design systems** and open a design system.
2. The **Brand styles** tab opens. Pick a section on the left.

| Section | What's in it |
| - | - |
| **Logo** | The main logo and the version for dark backgrounds, its **Width in emails** and its **Alt text**. |
| **Typography** | **Font stacks** (the font and its fallbacks) and the **Type scale**: size, line height, weight and capitals for each text style. |
| **Colours** | The palette, and **What each colour is used for**: text, links, buttons, backgrounds and borders. |
| **Buttons** | The **Main button** and **Other button styles**. |
| **Layout** | The **Email body** width and side spacing, and **What your team can edit**. |
| **Dark mode** | How the brand looks in dark mode. |
| **Dynamic branding** | Brand values that come from each recipient's data in your email platform, each with a fallback. |
| **Team checks** | Checks that run on every email, each set to **Off**, **Warn** or **Block**. See [Checks](https://help.emaillove.com/builder/editor/checks.md). |

## Change a brand style

1. Open the section and click its edit button, for example **Edit colours** or **Edit buttons**.
2. Make your changes. The preview updates as you go.
3. Click **Save brand styles**.

You can change the logo's **Width in emails** and **Alt text** in place, without opening the editor.

To add a button style, click **Edit buttons**, then **Add a button style**. People can then pick it for any button in an email.

## How changes reach emails

* **Templates** use your current brand styles straight away.
* **New emails** start with the brand styles at the time they're created.
* **Existing emails** keep the styles they had. To bring an email up to date, open it, open the **⋯** menu at the top left and choose **Check for updates**.

This stops a brand change from altering emails your team has already finished.

## Check it

When you set up from [Email Love's starter](https://help.emaillove.com/builder/design-systems/create.md#from-email-loves-starter), the second step is **Check it**. It shows Email Love's starter styles on a sample email, and you make them yours before anything is built.

![The Check it step with the brand preview on the left and the Logo, Colours, Fonts, Buttons and Layout rows on the right](https://mintcdn.com/emaillove/Mq_WDCFfMdudNH2J/images/builder/design-systems/check-it.png?fit=max\&auto=format\&n=Mq_WDCFfMdudNH2J\&q=85\&s=ca4522199f85449180ac01de4a5dbcf3)

1. Click a row on the right: **Logo**, **Colours**, **Fonts**, **Buttons** or **Layout**.
2. Make your changes and click **Done**. The preview on the left updates. Switch between **Desktop** and **Mobile** to check both.
3. Enter a **Design system name**.
4. Click **Looks right, build my starter emails**.

Replace the starter logo before you export. To start again with a different way in, click **Choose a different way in**.

You can change everything again later on the **Brand styles** tab.

## The brand guide

The brand guide is what the Assistant knows about your brand's voice, products and offers. It's on the design system's **AI knowledge** tab. See [AI knowledge](https://help.emaillove.com/builder/ai/knowledge.md#brand-guide).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.