How to configure your brand kit

Your brand kit holds your theme, brand colors, fonts, logos, tone of voice and links to your social media profiles. You set them up once, and we use them in your forms and emails so you don't have to enter them again every time.

Click the gear icon at the top right of the dashboard to open Settings, then click Brand kit under Account. Only admins see Brand kit.

The page has 4 sections: Theme, Color Palette, Fonts and Social Media. Your logos, the colors that go on buttons, text and backgrounds, your corners and your voice live in the interactive editor, described below.

Change your look in the interactive editor

Click Open interactive editor at the top of the page, or Change theme in the Theme section. The editor opens full screen. On the left you choose what to change, on the right a sample email, form and contacts portal show your changes as you go. Use the tabs Email, Form and Portal above the preview to switch between them. The samples also follow your voice: formal or informal text, and emoji when you've switched them on.

The menu on the left has these rows:

Theme: the overall design of your forms. See below.
Under Look: Colors, Font pair and Corners.
Under Identity: Logos and images and Voice.
Under Set by theme: Shadows and Borders. These only show once you've picked a theme. The theme decides them, so you can't change them here.

Nothing is saved until you click Save changes at the top right. If you click Back with unsaved changes, we ask whether to continue without saving. If one part can't be saved, the message tells you which one, and the other parts are saved.

Theme

A theme sets the design of your forms: how heavy the headings are, how cards look, and whether they have shadows or borders. Picking a theme also fills in starting colors, corners and fonts, which you can change afterwards. There are 5 themes:

Soft: rounded, gentle shadow. Starts with Very rounded corners and the fonts Nunito and Nunito.
Editorial: light type, hairlines. Starts with Square corners and the fonts DM Serif Display and DM Sans.
Bold: heavy type, strong borders. Starts with Rounded corners and the fonts Archivo and Inter.
Minimal: flat, no borders. Starts with Slightly rounded corners and the font Inter.
Playful: fully rounded, roomy. Starts with Pill corners and the fonts Fredoka and Nunito.

If your account doesn't have a theme yet, the Theme section shows Current: your look as it is today, without a theme. Once you've picked a theme, you can switch to another one, but not back to no theme.

The theme is for forms. Your emails and your contacts portal don't use it.

If you've already changed colors, fonts or corners away from what the theme sets, switching to another theme keeps your changes. A message at the top of the theme list tells you how many overrides you have, for example 2 overrides on Soft, and which ones (Changed: Colors, Corners). Click Reset all to go back to what the theme sets.

Colors

Under Colors you set Button color, Link color, Background color, Card color and Text color. The text on your buttons switches to a readable color by itself when you change the button color. Your brand colors from Color Palette are offered as swatches in every color picker.

You'll see a warning while you edit when text would be hard to read: under Button color when the button text doesn't stand out against the button, and under Text color when your text doesn't stand out against the card color.

Font pair

A font pair is the font for headings and the font for body text. Choose one of the ready-made pairs, each shown in its own font:

Theme default: the fonts your theme recommends. Only shown once you've picked a theme.
Geometric: Outfit and Figtree
Editorial: Fraunces and Public Sans
Grotesk: Bricolage Grotesque and Instrument Sans
Technical: Space Grotesk and IBM Plex Sans
Soft serif: Young Serif and DM Sans
Custom: create your own font pair. Choose a Default font and a Heading font from the fonts in your account. The heading font can be Same as default font.

When you save, a pair you picked is added to your fonts if you don't have them yet, and its body font becomes your default font.

Under the pairs you also choose a Fallback font: Sans serif or Serif. It's used in emails when your font can't load, like in Outlook.

Corners

Choose Square, Slightly rounded, Rounded, Very rounded or Pill. Once you've picked a theme, the corners it starts with are marked theme value.

Logos and images

There are 4 fields:

Logo (small)
Logo (large)
Logo for dark backgrounds: a light version of your logo, shown on dark colors.
Cover image: shown at the top of emails. Your large logo is used until you pick one.

Click a field to open the media picker and choose an image from your own images or upload a new one. For the cover image you can also choose a photo from Unsplash, or an image from your own Instagram posts once you've connected Instagram. See Use images from your Instagram posts in Leat.

Voice

Voice is how you talk to your contacts. We use it when we write emails and forms for you.

Tagline: a short line about your business.
Form of address: Not set, Informal or Formal, like "je" or "u" in Dutch.
Tone of voice: describe how your brand sounds, and the words you always or never use.
Use emoji: add emoji to headings in the emails and forms we write for you.

Color Palette

On the brand kit page, click Edit colors to set your 4 brand colors: Primary color, Secondary color, Tertiary color and Quaternary color. Click Save changes to keep them, or Cancel to close without saving. In the email editor and in the interactive editor, these colors are offered as swatches in every color picker, so you don't have to look up your hex codes.

Fonts

Click Add font and choose where the font comes from:

Google Fonts: pick one from thousands of publicly available fonts.
Custom font: upload your own font file, in .woff, .woff2, .ttf or .otf format.

The fonts you add here are available in the email editor, the form editor and the contacts portal editor. To choose the one we use by default, open the menu next to a font and click Set as default.

You can't remove your default font. Set another font as default first. When you remove a font, everything that used it switches to our default font.

Add a link to each of your social media profiles:

Click Add social account.
Choose the network under Type: Facebook, Twitter, Instagram, LinkedIn, Pinterest, TikTok or YouTube.
Paste the full address of your profile, starting with https://, under URL.
Click Create.

You can add 1 profile per network. A network you've already added no longer shows in the list.

To change a link, click the profile, change the URL and click Submit. To remove one, open the menu next to it and click Remove.

Emails. When you add a Social block in the email editor, it arrives with these links filled in and only these networks switched on. The same happens when you start an automated or recurring email from one of our templates.
Contacts portal. On the Contact us page of the portal, switch on Social Media to show these profiles to your contacts. See How to configure the contacts portal.

Changing a link doesn't update existing emails

Your links are copied into an email at the moment you add the Social block or start from a template. If you change or add a profile here later, emails you've already built keep the old links.

So after changing a link, also open each email that has a Social block, click the block and change the address under Networks. See How to add links, buttons and social icons to an email.

The contacts portal always shows your current links, so you don't need to change anything there.

Where your brand kit is used

Forms that follow your brand kit take its theme, colors, corners and fonts. A form set to Custom in the form editor keeps its own look instead.
Emails you start from one of our templates take your logo, cover image, colors and social links. When we write or design an email for you, we also use your voice. Emails don't use the theme.
Your contacts portal has its own styling, set in the portal editor. It offers the fonts from your brand kit, but doesn't follow your theme or your colors.

Changing your brand kit doesn't restyle forms you already have

A form that follows your brand kit keeps a copy of it, taken when you made the form or last updated it. So when you change your theme, colors, corners or fonts here, forms that are already live look the same as before.

To bring a form up to date, open it in the form editor and go to the Styling tab. When your brand kit has changed since the form took its copy, a refresh button appears next to Brand kit. Hover over it to see Your brand kit has changed since this form took it., click it to Update to brand kit, then click Save changes. See How to create a form.