Use themes to design your landing page

Themes help you give your Typeform landing page a consistent look and feel with your brand. You can use them to control elements like colors, fonts, buttons, and other visual styling.

You can use a saved theme across multiple pages.

Before you start

• You need access to Typeform Pages in your account.
• You need a page to apply a theme to. To update your page branding, open your page and click Design.

Create your own theme

1. Open your page and click Design.

2. In the My themes tab, click the plus sign (+) to create a new theme.

3. By default, your new theme will be called My new theme. Click on the name to rename it, then click Apply.

4. Select a font for your theme from the dropdown list. If your organization uses brand kits, you can choose a font from a brand kit.

5. Set the colors for your text. Click on the color droplet menu icon and pick a color from the palette or insert a hex value. If your organization uses brand kits, you can select colors from your brand kit.

6. Under Alignment, choose the alignment you want for the Welcome Section and Main text.

7. Click the Buttons tab to choose a color for your buttons and button text. Click on the color droplet menu icon and pick a color from the palette or insert a hex value. If your organization uses brand kits, you can select colors from your brand kit.

8. Choose a Corner style for your buttons (rounded, square, or in between) that best matches your brand.

9. Click the Backgrounds tab to choose a background color for your page. Click on the color droplet menu icon and pick a color from the palette or insert a hex value. If your organization uses brand kits, you can select colors from your brand kit.

10. When you’re happy with the design, click Save changes.

You can drag the Design panel around the page by clicking the handle (the six dots) in the top left. This makes it easier to see your page design as you make changes.

Apply an existing theme

1. Open your page and click Design.

2. To use a Typeform default theme, click Gallery and select a theme.

3. To use one of your saved themes, select it from My themes.

4. Preview your page and keep refining it if needed. To make more branding changes, open Design again and choose a different theme or edit your current one by clicking on the three dots and selecting Edit.

FAQ

Can I add a logo to my theme?

Not yet. Logos aren’t displayed on pages yet, but this feature is coming soon.