Skip to main content

Setting up your brand kit

Updated this week

Your brand kit is where you define the look and feel of your Stories, so your colors, fonts, buttons, and response styling stay consistent without you having to tweak every Story by hand.

Let me show you how to set this up.

Before you start

Brand kit settings are only available for our Enterprise customers.


1. Create a theme

Themes are the “style presets” you can apply across content blocks and player responses.

  1. In the left menu, go to Brand kit.

2. Under Themes, click the + tile to create a new theme.

3. Give the theme a name, then start adjusting the styling in the editor.

🦸🏽‍♀️ Pro tip: If you support multiple brands or departments, create one theme per brand so creators can stay on-brand in a click.


2) Style content blocks

Inside a theme, you can preview and tweak how your content blocks will look in Stories. Content blocks are Poster, Hotspot and Quiz.

  1. Open your theme, then stay on the Content blocks tab.

  2. Use the right-side panel to adjust the styling you need (for example: background color, text styles, and button styling).

  3. Click Save to keep your changes.


3) Style response nodes

  1. Open your theme, then switch to the Responses tab.

  2. Use the right-side panel to adjust the response styling (for example: background fill/stroke and text styling).

  3. Click Save to apply your updates.


4) Add brand colors

Colors you add here become easy to reuse and keep consistent across themes and content blocks in your Story.

  1. In Brand kit, scroll to Colors.

  2. Click the + tile to add a new color.

  3. Add a color name, choose the color (or add the hex code), then click Create.


5) Add fonts

Fonts control how headings and paragraphs look across your theme.

  1. In Brand kit, scroll to Fonts and click Add font.

  2. Search and select a font from the list (Google fonts), or click Upload font if you’re using a custom font file. We support all standard custom font formats: TTF (.ttf), OTF (.otf), WOFF (.woff), and WOFF2 (.woff2).

  3. Once added, remember to update your custom theme too.

Once added, you can control which font to be displayed for response, poster and hotspot nodes. Captions and Player settings are always excluded.

Did this answer your question?