Branding guidelines and tips
We designed typeforms to feel like human conversation: asking one question at a time. You can also tweak the design of typeforms in minutes, adding colors, fonts, and even a logo to fit your brand’s look and feel.
Have a look at these three examples: they were all built on the Typeform platform, but their look and feel are very different.
Here are some neat tips on how to make your typeform blend into your website and match your brand design.
Adjust the colors
You can adjust the colors of your typeform to suit your brand under the Design panel of your typeform:
- Adjust the colors of your typeform to suit your brand by following the steps in this article.
- Adjust the background color or set a background image that will reflect your brand using this article.
Select the font
We offer a wide range of fonts to choose from. Go ahead and select the one that suits your needs. Check out our article on the Font library for more details.
Tip! You can save the selected colors and fonts as Theme to your Themekit. In the future you can then apply the exact same design to other typeforms. To create your own themes, follow the steps in the article Apply a theme to your typeform.
Add your logo
There are various places where you could add the logo of your brand in a typeform:
- a Welcome Screen
- a customized Ending
- or throughout the typeform. If this is what you want, do the following:
1. If you are on a Plus plan or above, you can upload a brand logo and it will automatically show in the top left corner of your typeform. Read this article to find out more. If you are not on a Plus plan, read on:
2. Create an image and add the logo to the top left corner (on small-screen devices the background image will be anchored to the top left corner then cropped to match the screen).
3. Upload it to your background images under the Design panel.
Warning! The ideal size of the logo depends on the background size. If we stick to the maximum that typeform permits (1680 x 1050 px), a good logo size is 250px. This only applies to desktop view. It’s very difficult to display a logo that is visible and doesn’t overlap with a typeform’s text.
Here is an example typeform with a logo in the upper left corner:
And what it looks like on a mobile device:
You can change much of the text on a typeform, including system messages like the text on Continue or Submit buttons. Edit these to your liking to promote your brand! Everything you need to know is here.