Apply brand assets and visuals to your forms with brand kits
With brand kits, seamlessly apply your organization’s visual assets to your forms. Upload logos, set color palettes, and create themes that everyone on your team can use.
Brand kits are available to accounts on a Plus plan or higher. Accounts on a Plus or Business plan will be able to create one brand kit per account. Accounts on a Core Enterprise or Growth Custom plan can create multiple brand kits per account.
Set up brand kits right from the Typeform Workspace or form builder. Your kits will 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 assets to a brand kit (logos, fonts, color palettes, and media)
- Use a brand kit in a typeform
Want some help getting started with branding? Check out the Typeform blog's guide to brand awareness!
Add and view brand kits
To view and add kits, open up a form and select Design from the right-hand sidebar.
Click Brand kit:
Click + Create brand kit to add a new kit. Accounts on a Plus or Business plan can create one kit per account, and accounts on an Enterprise plan can create multiple brand kits. Any organization owner or admin can create brand kits.
Give the kit a memorable name, then click Continue:
Brand kits have assets and themes. Read on, or click the name of each feature, to learn more about adding assets and themes.
Click Brand kits in the top left corner of the page to view all of your organization's brand kits:
Organization owners and admins can edit and delete brand kits, as well as create them. To edit an individual brand kit, click its card from the brand kit list. 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:
Add assets to a brand kit (logos, color palettes, fonts, and media)
Within a brand kit, you can add logos, fonts, color palettes, and other media under the Assets tab. Later, you can add these assets to themes, which can then be applied to typeforms.
Logos
Click the + button next to Logos to add a new logo collection.
Give the collection a new name by clicking the New logo collection text box and typing in the name you’d like to use.
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.
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:
Fonts
To choose a font, click the + button next to Fonts. If you're on an Enterprise plan or Growth Custom plan, you also have the option to upload a custom font.
Select a font from the list or click + Upload font to upload your own.
If you upload a custom font, you'll be required to accept the terms before continuing.
Currently, you can only upload Regular, Bold, Italic, and Bold Italic font styles.
To delete a font from your brand kit, click the three-dot menu next to the font name and click Delete font.
Color palettes
Click the + button next to Colors to add a new palette:
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:
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.
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:
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:
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:
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:
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.
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:
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. You'll be able to add one theme to your brand kit if you're on a Plus or Business plan, and unlimited themes on an Enterprise plan.
For guidelines on creating accessible themes, click here.
Click + Create theme to start building a new theme:
First, give your theme a name. Click Continue:
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:
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!)
Each time you select a font or color (for example, when selecting the color for question or answer text), the brand kit’s fonts and color palettes will appear at the top. This makes it easy to find and choose the exact font or colors you need!
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.
For more pointers, check out this guide to learn about adding images to your themes, and this guide for how to use brand logos in typeforms.
Finally, set text size and alignment for your typeforms under Welcome Screen & Endings and Questions:
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:
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:
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:
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:
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:
Simply click the theme to apply it to your typeform. To access and edit the contents of your organization’s brand kits, click Brand kit at the top of the right-hand sidebar.
You can also apply media from your brand kits to individual typeform questions. When you add an image to a question, the Media Gallery will show your brand kit media in the Brand Kit tab:
If you've enabled Brand kit enforcement in your organization settings, your organization members won't be able to upload or use any media not in your Brand kits. However, if you have multiple Brand kits in your account, they will be able to choose between different themes of different Brand kits.