---
title: "Getting started with brand kits"
description: "Store your logo, colours, fonts and social links once and have Mailercloud apply them to your emails, webforms, unsubscribe page and double opt-in email. This guide covers creating a kit from your website or by hand, editing it, choosing where your brand shows up, applying it in the email builder, and managing the default kit."
url: https://help.mailercloud.com/en/articles/216-getting-started-with-brand-kits
collection: "Account settings"
updated: 2026-09-14
language: en
---

# Getting started with brand kits

Store your logo, colours, fonts and social links once and have Mailercloud apply them to your emails, webforms, unsubscribe page and double opt-in email. This guide covers creating a kit from your website or by hand, editing it, choosing where your brand shows up, applying it in the email builder, and managing the default kit.

## **What is a brand kit?**

A **brand kit** is your brand, saved once. Store your logo, colours, fonts, social links and footer details in one place, and Mailercloud applies them to your emails, webforms and subscriber pages — so you don't set them up again for every campaign. You can type everything in yourself, or let Mailercloud read your website and build the kit for you.

### **What's in a brand kit**

-   **Logo** — one logo, used everywhere your brand is applied.
    
-   **Colours** — between 1 and 10, each with a role (primary, accent, text, background or extra) so Mailercloud knows which one belongs on a button and which on body text.
    
-   **Fonts** — a heading font and a body font.
    
-   **Social links** — Facebook, Instagram, X (Twitter), YouTube, LinkedIn, Pinterest and TikTok.
    
-   **Footer details** — company name, postal address and the permission reminder shown in your emails.
    
-   **Email format** — **Branded** (logo at the top, full footer with social links) or **Minimal**.
    

<table data-id="fc175146-8fdd-4571-ab3a-58a0da41197c" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #eef4ff; padding: 6pt 9pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="1a725e23-d531-4802-8578-60ccb0c8b742"><span data-name="memo" data-type="emoji">📝</span><strong> Note: </strong>You can have up to <strong>5 brand kits</strong> on an account. One of them is the <strong>default</strong>, and the default is the kit Mailercloud actually uses — see <em>The default brand kit</em> below.</p></td></tr></tbody></table>

## **Part 1 · Creating a brand kit from your website**

<table data-id="32a9bef9-b1c6-4f59-82af-ad335c9cfc2b" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #eef4ff; padding: 4pt 8pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="f988dc0a-5e51-43d1-a027-56e8c1e270bd"><strong>Account › Settings › Brand kit</strong></p></td></tr></tbody></table>

The quickest way is to let Mailercloud read your site. If you have no kits yet, you'll land straight on the setup screen.

![](https://staticfiles.gleap.io/ghelparticle/0gAefBueidlizDTLCnnJC4l60wUYIu5CRke6ZQgIr3dzKxfqIcHrCDMN9mMucQOVFMuVvken3Xx.png)

**Step 1** — Type your website address and click **Add brand**.

![](https://staticfiles.gleap.io/ghelparticle/Z88jxtRbfsR2Jbwo3Iioqw21T0VlJF0bT9221GKqhzyCobIWfRxIDyEWcwYnV1X0clRmzL88XeE.png)

**Step 2** — Mailercloud opens your site and looks for your logo, the colours your pages actually use, your heading and body fonts, links to your social profiles, and your postal address if it's published.

![](https://staticfiles.gleap.io/ghelparticle/5NVRYoIinI8xsQyqzgCOQiT2x4nvWBPJfMfcbY78MvDbHsaReFUKLvYiicyUgyuisN7kkFyTZNv.png)

**Step 3** — After a few seconds the kit opens so you can check everything and change anything that isn't right.

If you already have a kit, use the **Add brand kit** tile on the brand kit page instead. The dialog is the same.

![](https://staticfiles.gleap.io/ghelparticle/XmUUblacz2C2deZFnxwzYwSbAM8DenAVrBlx9Z8lwDfdsNlgo7F3txGTmOyk3xMKb6jTUnst03x.png)

<table data-id="af0ef7b7-dc0b-4b16-895b-eb9423e1cf2c" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #eef4ff; padding: 6pt 9pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="1a20be8d-f4b1-4cc7-ada9-442c6c04a371"><span data-name="memo" data-type="emoji">📝</span><strong> Note: Nothing is applied to your emails until you use the kit.</strong> Reading your site only fills in the form. Only import from a website you own or have permission to use.</p></td></tr></tbody></table>

### **If you paste a subdomain**

Entering something like _talk.yourcompany.com_ or _blog.yourcompany.com_ reads **yourcompany.com** instead — your brand usually lives on your main site, not on a forum or blog. If the main site doesn't answer, Mailercloud falls back to the address you typed.

Sites hosted on a builder — _yourname.wordpress.com_, _yourname.substack.com_, _yourshop.myshopify.com_ and similar — are read as they are, because there the subdomain _is_ your site.

### **Setting one up by hand**

Click **Skip and add manually** on the same dialog to get an empty kit to fill in. You can also scan a site later and edit from there. A kit needs a **name** and **at least one colour** before it can be saved.

## **Part 2 · Editing your brand kit**

<table data-id="31295cf6-8560-43f6-8ea7-826ae9d04e3d" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #eef4ff; padding: 4pt 8pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="ab03a80d-98f1-46e9-b7d5-c503fc5805e7"><strong>Account › Settings › Brand kit › (open a kit)</strong></p></td></tr></tbody></table>

![](https://staticfiles.gleap.io/ghelparticle/HFDNfhakdZzcR44lDGZPYSZLKbsAEHGh3Q4ir0U8TpmUEByVWf0pATcOcDAhONqYAXVV7zLsiVK.png)

**1\. Brand details** — The kit's name, and the website it came from.

**2\. Logos** — Upload your logo, or replace the one Mailercloud found. Use **JPG, PNG or GIF** — these display reliably in every email client. SVG isn't supported because Outlook won't render it. A WebP logo found on your site is converted to PNG automatically.

**3\. Social media** — Paste the full address of each profile. Leave blank any you don't use.

**4\. Styling, colours and fonts** — Choose **Branded** or **Minimal** as the email format, then set your palette and typefaces. Each colour has a role, and Mailercloud checks contrast and warns if text on a colour would be hard to read.

![](https://staticfiles.gleap.io/ghelparticle/erQBYl64VgAnq5UHAdrEh9TwMbmT7XLMoDmiBEOhDKSx3z6cz9y9DkdTLwddxNBiz91ccl5kH4g.png)

**5\. Footer** — Company name and postal address, plus an optional permission reminder. Many countries require a postal address in marketing email, so it's worth filling in.

**6\. Email preview** — Updates on the right as you edit, and switches between desktop and mobile.

## **Part 3 · Where your brand shows up**

Open **Where your brand shows up** on your **default** kit to choose where the branding is applied automatically, then click **Save changes**.

![](https://staticfiles.gleap.io/ghelparticle/74cvBUHOlOTUUFv1r4nd2fqdKMtVESoHMkw3bZeFKxrZ9en436XntGsDBe0wpeOZkb0eGDIVlRs.png)

**Emails & templates** is always on — that's the core of the feature. The other three are yours to switch on:

-   **Unsubscribe page** — prefills your logo and colours when the page isn't customised yet.
    
-   **Webforms** — new forms start on-brand; existing forms are left as they are.
    
-   **Double opt-in email** — the confirmation email picks up your logo, colours and footer.
    

<table data-id="184aa548-7567-44a5-9a5f-545c34528f51" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #eef4ff; padding: 6pt 9pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="f1060490-c99f-47a0-879b-13936b22ce02"><span data-name="memo" data-type="emoji">📝</span><strong> Note: </strong>These switches are <strong>off</strong> when a kit is created, and they belong to the <strong>default kit</strong> only. Turning the unsubscribe page or double opt-in email on updates them straight away; turning them off removes the branding again. There's no separate button on those two pages — the switch here is what brands them. On a non-default kit you'll see <em>"These only apply to your default brand kit"</em> with a shortcut to make it the default.</p></td></tr></tbody></table>

### **Your unsubscribe page**

With **Unsubscribe page** on, the page picks up your logo, brand name and primary colour on the button. Open **Account › Settings › Unsubscribe page** to see it and edit any wording.

![](https://staticfiles.gleap.io/ghelparticle/EsJFqCssLT6K6MMeWlRzL2fOgr2dAGsxicKYVFCCj4vtvWmQYWTxq8wFwysPNjaeHa7gAxjBGhG.png)

### **Your double opt-in email**

With **Double opt-in email** on, the confirmation email new subscribers receive picks up your colours and footer. Find it under **Account › Preferences › Double Opt-in Settings › Configure Settings**, where you can also set the from name, subject line and thank-you page.

![](https://staticfiles.gleap.io/ghelparticle/Rpy8kbvsr30TNTK6bD4NKTs46iEaIOruQbZHApLZrqnIPl8sAWE6YoNvt9MVwmAt65OYGBtjN92.png)

### **Your webforms**

With **Webforms** on, every form you create from then on starts in your brand's colours and fonts. Forms you built earlier keep the styling you gave them.

Webforms also have a button: the **Design** tab of the form builder carries an **Apply your brand kit** card, so you can put your brand onto an older form whenever you want.

![](https://staticfiles.gleap.io/ghelparticle/tCS4z5M2OMHfAL8DxZLMaWi4SFAQX2ZJ79P5hqJIyoqgcSSwfuUoWeHssr3F64ieJE8L1t27Q0q.png)

## **Part 4 · Using your brand kit in an email**

Start a new email from a layout or theme and it opens **already branded** — your logo at the top, your colours and fonts through the design.

![](https://staticfiles.gleap.io/ghelparticle/PvSrrO9l51IutXGbtOnYNXP0MWhsPbTCPjSlVUlzGcKHZB7rDZwRYHdlJL3Ezu1wVTDiJSOtALZ.png)

Inside the builder, the **Apply your brand kit** card in the right-hand panel shows which kit is in use and what it contains. If an email isn't branded yet, click **Apply brand kit**; once applied, the card says **Applied ✓**.

<table data-id="287ee1bc-64e1-46f3-a873-8faac0d9084a" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #eef4ff; padding: 6pt 9pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="b7735af8-995e-4c4f-ada8-edf136087c22"><span data-name="memo" data-type="emoji">📝</span><strong> Note: </strong>Applying is <strong>one-way</strong> — there's no undo button. To change how a branded email looks, edit the styles as usual. Emails you've already built are never re-branded when you open them.</p></td></tr></tbody></table>

## **Part 5 · The default brand kit**

One kit is marked **Default**. It's the kit every automatic path uses — the builder, the unsubscribe page, webforms and the double opt-in email all read the default kit.

![](https://staticfiles.gleap.io/ghelparticle/ckWzOsXVmcYAvinJGYXg4w9Kw1mrXrpkG3kfXssn6OUnYsZWR5q348Sk7rjc8CtUlwIhimaNor1.png)

To change which one that is, open the **⋮** menu on a kit and choose **Set as default**. The option appears on any kit that isn't already the default.

![](https://staticfiles.gleap.io/ghelparticle/Iz3cxO2THxGAth9WAGmXt9NnQNgZRI7gF9hUXWFMccSegZgTA2b7msl5G8UZMjVILHhchTZ9FX7.png)

<table data-id="09796df9-bdcb-43cd-993b-e6f249986867" style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1" style="vertical-align: top; background-color: #fff6e6; padding: 6pt 9pt; overflow: hidden; overflow-wrap: break-word;"><p data-id="da30eff6-eda6-497b-9f68-ff2b545d2d08"><span data-name="pushpin" data-type="emoji">📌</span><strong> Tip: </strong>Want to build with a different kit? Set that kit as the default first — Mailercloud always applies the default one.</p></td></tr></tbody></table>

## **If Mailercloud has already built one for you**

If you gave us your website address when you signed up, Mailercloud may have built a kit from it in the background. You'll see **Review your brand kit** on your dashboard, and the kit shows _"We built this from your website."_

A kit built this way does nothing until you accept it. Check the logo, colours and fonts, change anything that looks off, then click **Use this brand kit**.

## **If Mailercloud can't read your website**

Some websites block automated visitors, including ours. You'll see _"that website didn't respond normally — you can set up your brand manually."_ This isn't a problem with your site or your account — those sites simply refuse anything that isn't a person in a browser. You have two options:

-   **Try your main domain** rather than a subdomain or a deep page.
    
-   **Set up the kit by hand.** Everything the scan would have filled in can be entered directly in a couple of minutes.
    

You can scan a site again at any time later.

## **Limits and things to know**

-   **Brand kits per account** · 5
    
-   **Colours per kit** · 1–10
    
-   **Social networks** · 7 (Facebook, Instagram, X, YouTube, LinkedIn, Pinterest, TikTok)
    
-   **Logo formats you can upload** · JPG, PNG, GIF (WebP found on your site is converted; SVG not supported)
    
-   **Website scans** · one every few seconds per account
    

Logos you upload — or that we find on your site — are stored on Mailercloud's own servers, so your images keep working in emails even if your website changes.

## **Frequently asked questions**

**Do I have to scan my website?**

No. Every field can be filled in by hand, and you can edit anything a scan found.

**Does scanning my site change anything on it?**

No. Mailercloud only reads your public pages, exactly as a visitor would. It never changes your site.

**Why didn't it find my logo?**

Either your site doesn't publish one where we look, or it's in a format we can't use in email — SVG is the common case. Upload it manually and everything else the scan found is kept.

**Why are the colours not quite right?**

We pick the colours your pages actually use most, which isn't always the palette in your brand guidelines. Edit any colour, or remove one and add your own.

**The font in my kit isn't the font on my website.**

We keep the name of the font we found, but emails have to use a typeface that mail apps can render. Your kit shows the closest email-safe match, and that's what recipients see.

**Can I have a different brand kit for different campaigns?**

You can keep up to five kits, but Mailercloud always applies the **default** one. To build with a different kit, set that kit as the default first.

**What happens to my emails if I change a kit?**

Campaigns you've already sent don't change, and emails you've already built keep the styling you gave them. A kit applies when it's used.

**Can I delete a brand kit?**

Yes, from the kit's **⋮** menu, or from the menu at the top of the kit itself. If you delete the default, set another kit as default afterwards so your subscriber pages keep their branding.

## **Need help?**

If you have any questions about brand kits, reach out to our support team via live chat or email us at **support@mailercloud.com** — we're happy to help.

Happy emailing! 🚀