Apply a theme to your typeform

Your Typeform account includes a tool to apply themes from Typeform’s public themes library to your typeforms. 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 four main elements of a typeform: blocks, buttons, answers and background.
  • A font for the text.
  • A background image (optional), including brightness and scaling configuration.

Public themes

To apply a public theme to a typeform, click on the Design droplet icon. You’ll see a list of themes under the Public themes tab and can preview the font and color scheme of each. Click on a theme to apply it. You’ll see a preview of the theme in the Live preview window.

Overview of the Design menu

Create your own themes

To create your own themes, follow these steps:

1. Open your typeform and click on the Design icon to open the theme settings. Click on the Create a new theme button:

2. Now give your theme a name.

Screenshot showing how to name a theme

3. Select a font for your theme from the drop-down list. You can learn more about fonts in Typeform here.

How to change the font of a theme

4. Now select the color scheme for your theme. You can select separate colors for the block header, answer, button, and background. Just click on the color droplet menu icon and pick a color from the palette or insert a hex value.

Change the colors of a theme

5. You can select a background image if you like, too. There’s more information on adding background images here. When you’re done customizing your theme make sure you click on the Save as new theme button.

Screenshot showing how to add a background image

6. You can now access your saved theme and apply it to any typeform by going to the My themes tab and scrolling to the bottom.

Where to access My Themes