We use our own and third-party cookies to show you more relevant content based on your browsing and navigation history. Please accept or manage your cookie settings below. Here's our cookie policy

Signup
Sign up
Log in
Sign up
 
  1. Help
  2. Getting started
  3. Make a typeform
  4. Apply a theme to your form
Make a typeform

Apply a theme to your form

You can apply themes from Typeform’s theme gallery to your forms. You can also design and manage your own repository of custom themes.

A theme consists of:

  • A color palette with the color values of the main elements of a form: questions, answers, buttons, button text, and background.
  • A font for the text.
  • A background image (optional), including brightness and scaling configuration.
  • A brand logo (optional), available on Plus or above plans.

If your account is on a Plus plan or above, you can also use brand kits to create consistent themes to use on forms across your organization. Learn more here. 

Create your own custom themes

To create custom themes, follow these steps:

1. Open your form in the Create panel and click on Design in the toolbar. Click the + sign next to My themes. 

design_2.png

2. By default your new theme will be named My new theme. Click on My new theme to rename your theme, then click Apply to save your changes. 

Screenshot 2025-01-23 at 12.46.03.png

3. Click the System font dropdown in the Font tab to select a font for your theme. You can learn more about fonts in Typeform here.

design_10.png

4. Now select the color scheme for your theme. You can select separate colors for titles and questions in the Font tab, and buttons, button text, and answers in the Buttons tab.

Screenshot 2025-01-23 at 12.57.09.png

Click on the color droplet menu icon and pick a color from the palette or insert a hex value.

Screenshot 2025-01-23 at 12.59.48.png

5. If you’d like to use a background image instead of a solid-color background, click the + Add image in the Background tab. There’s more information on adding background images here.

design_5.png

6. If you'd also like to add your brand's logo to your theme, click + Add logo in the Logo tab. You can read more about adding your brand logo to a form here.

design_11.png

Additionally, you can change the size of your logo by clicking Lg, Md, or Sm and selecting left, middle, or right alignment for the placement of your logo.

Screenshot 2025-01-23 at 13.20.24.png

7. Next, in the Buttons tab, you can choose the corner radius that best matches your brand to be applied to buttons and other elements.

design_12.png

Here are some Picture Choice options with the least rounded corners.

Screenshot_2023-03-01_at_16.16.42.png

In this Multiple Choice question, the corners are a bit more rounded.

Screenshot_2023-03-01_at_16.18.30.png

Here's an Opinion Scale question with the most rounded corners.

Screenshot_2023-03-01_at_16.21.20.png

Keep in mind that the Corner radius setting also applies at the form level, so the shape chosen here will apply to every question across your form.

8. Finally, in the Font tab, you can set the size and alignment of your text for the Welcome Screen, Endings, and questions:

Screenshot 2025-01-23 at 13.28.26.png

9. Once you’re happy with your settings, click Save changes.

10. You can now access your saved theme and apply it to any form by going to the My themes tab. Click a theme to apply it to your form.

Screenshot 2025-01-23 at 13.30.09.png

If you copy or move the form to another account, the theme will also be transferred.

Editing, duplicating and deleting your custom themes

Clicking the three-dot icon next to any theme gives you the option to rename, edit, duplicate, or delete your theme.

design_3.png

When editing a custom theme, you’ll need to either save the changes you’ve made or revert back to the original version.

Editing and resaving a custom theme does not create a new copy of the theme. Once you’ve saved edits on a custom theme, you won’t be able to access previous versions of that theme. To save a copy of the original custom theme, duplicate it and make edits on the duplicate version.

Additionally, if you edit a custom theme, this theme will change for all forms that use it. We’ll warn you if other forms use the theme, and you can choose to proceed with editing or duplicating your theme instead.

HC_Warning_ilu_cropped.png
Warning! If you choose to delete a theme that's also used in your other forms, the theme will be removed from all of your forms, including the ones that have already been published.

Theme gallery

To view the gallery of Typeform-designed themes, click Design in the right-hand sidebar, then the Gallery tab. You’ll see a list of themes and can preview the font and color scheme of each. Click on a theme to apply it to your form.

You can edit the font, color scheme, and background image of these themes by clicking the three-dot icon on the theme card. When you save edits on a theme from the gallery, a new custom theme will appear under the My themes tab. A default version of the theme will remain accessible in the Gallery tab.

Screenshot 2025-01-23 at 13.31.39.png

Themes marked ‘Premium’ can be applied to forms on Plus accounts and above.

Screenshot 2025-01-23 at 13.47.59.png

If you are on a Free or Basic plan, you can test out how Premium themes look on your form, but you’ll have to remove the themes before you can publish the form.

If you have a Plus account or above, you can edit Premium themes using the three-dot icon.

Tap into our community knowledge

Find Answers
Contact Support