1. Help
  2. Getting started
  3. Make a typeform
  4. Apply brand assets and visuals to your typeform with brand kits

Apply brand assets and visuals to your typeform with brand kits

With brand kits, seamlessly apply your organization’s visual assets to your typeforms. Upload logos, set color palettes, and create themes that everyone on your team can use.

Note: Brand kits are a beta feature under development by our product team. Brand kits are currently available to a select group of Enterprise accounts. If your organization has a Typeform Enterprise account and you are interested in having access to this beta feature, please reach out to your customer outcomes manager.

Set up brand kits right from the Typeform Workspace or form builder. You can add as many kits as your organization needs, and they’ll automatically be available to your teammates as soon as they’re created. Read on to learn more, or click a section name to jump there:

Add and view brand kits

To view and add kits, click Brand kit in the left-hand sidebar of your Workspace:

brandkit1.png

Click + Create brand kit to add a new kit. Your organization can have multiple brand kits, and any member of your organization can add and edit kits.

brandkit2.png

Give the kit a memorable name, then click Continue:

brandkit3.png

Brand kits have assets and themes. Read on, or click the name of each feature, to learn more about adding assets and themes.

Navigate from an individual brand kit to a view of all of your organization’s brand kits by clicking Brand kits in the top left corner of the page:

brandkit4.png

Click a brand kit card to view and edit the individual kit. To delete a brand kit, click the three-dot menu on a brand kit card, then click Delete brand kit. This will remove the kit for all users in the organization. Any typeforms using a theme from a deleted brand kit will revert to the Typeform default theme:

brandkit5.png

Add assets to a brand kit

Within a brand kit, you can add logos, color palettes, and other media under the Assets tab. Later, you can add these assets to themes, which can then be applied to typeforms.

brandkit6.png

Logos

Click the + button next to Logos to add a new logo collection.

brandkit7.png

Give the collection a new name by clicking the New logo collection text box and typing in the name you’d like to use.

brandkit8.png

Click the + sign next to your collection name to upload media to the collection. You can upload files in JPG, PNG, or GIF format up to 4 MB in size.

brandkit9.png

Add as many files to the collection as you like.

To delete the collection, click the three-dot menu next to the collection name and click Delete group. This will remove all of the files in the collection from your organization, unless you’ve uploaded them to other collections already. Typeforms that are already using the files, however, won’t be affected:

brandkit10.png

Color palettes

Click the + button next to Colors to add a new palette:

brandkit11.png

After you’ve added the palette, give it a new name by clicking the New colors asset text box and typing in the name you’d like to use:

brandkit12.png

Click the + button under the palette name to begin adding colors. Each time you click the + button, a white square will appear, corresponding to the color with hex code #FFFFFF.

brandkit13.png

Click each square to open a color picker. You can click the color you’d like to add from the picker, or enter the six-character hex code:

brandkit14.png

To delete the palette, click the three-dot menu next to the palette name and click Delete color group. This won’t affect typeforms using colors in the palette:

brandkit15.png

Media

Under Media, you can add more groups of brand assets to use in your typeform, like icons or non-logo images. Click the + button next to Media to add a new media collection:

brandkit16.png

After you’ve added the collection, give it a new name by clicking the New media collection text box and typing in the name you’d like to use:

brandkit17.png

Click the + sign next to your collection name to upload media to the collection. You can upload files in JPG, PNG, or GIF format up to 4 MB in size.

brandkit18.png

Add as many files to the collection as you like.

To delete the collection, click the three-dot menu next to the collection name and click Delete group. This will remove all of the files in the collection from your organization, unless you’ve uploaded them to other collections already. Typeforms that are using one or more of the files, however, won’t be affected:

brandkit19.png

Add themes to a brand kit

Under the Themes tab, you can add new themes for your teammates to apply to typeforms, using the assets in the Assets tab. Themes set specific fonts, colors, and other details for use throughout an entire typeform.

Click + Create theme to start building a new theme:

brandkit20.png

First, give your theme a name. Click Continue:

brandkit21.png

In the center of the theme builder, you’ll see a preview of how typeforms with the theme will look. Click Desktop or Mobile to toggle between previews for each device type:

brandkit22.png

Then, use the design options in the right-hand sidebar to set the font and color options for your typeform. (New to creating themes? This guide shares helpful tips!)

brandkit23.png

Each time you select a color (for example, when selecting the color for question or answer text), the brand kit’s color palettes will appear above the color picker. This makes it easy to find and choose the exact colors you need!

brandkit24.png

Click Add next to Background image and Logo to set the theme’s background and logo images. You’ll be able to choose from the logo and media collections your organization has already added to the brand kit.

brandkit25.png

For more pointers, check out this guide to adding images to your themes, and this guide to using brand logos in typeforms.

Finally, set text size and alignment for your typeforms under Welcome Screen & Endings and Questions:

brandkit26.png

As you create your theme, you can undo your last change by clicking Revert in the top right corner of the screen. Reset the theme entirely by clicking Restart:

brandkit27.png

Once you’re happy with your theme, click Publish changes in the top right corner of the screen to save it. This will make the theme available to all users in the organization.

You can view all your themes for the brand kit by clicking the brand kit name in the top left of the screen:

brandkit28.png

To delete a theme, click the three-dot menu on a theme card and click Delete theme. This will remove the theme for all users in the organization. Any typeforms using the theme will be reverted to Typeform’s default theme:

brandkit29.png

Use a brand kit in a typeform

To apply a brand kit to a typeform’s design, open the typeform from your Workspace.

Click Design in the right-hand sidebar of the Create panel:

brandkit30.png

Your organization’s brand kit themes will be available under the Themes tab. Themes appear under the name of their brand kit. Each theme has a Brand Kit label:

brandkit31.png

Simply click the theme to apply it to your typeform.

You can also click Brand kit, at the top of the sidebar, to access and edit the contents of your organization’s brand kits.

Tap into our community knowledge

Find Answers
Contact Support