Customize branding and colors in Zapier Interfaces

Available on plans:

Basic

Pro

Advanced

You can customize your Zapier interface theme by using your brand colors and logo.

Customize the theme

You can define specific colors for elements using Hex color codes.

1. In the left sidebar of your interface, click the Theme icon to expand the sidebar.
2. You can customize color settings for the following:
   • Page background.
   • Primary.
   • Danger.
   • Form error.
   • Text.
   • Secondary text.
   • White.
   • Black.
   • Gray.
   • Dark gray.
   • Medium gray.
   • Light gray.
   • Super light gray.
   • Placeholder.
3. Click Save changes.

Note

You cannot change fonts in your interface. 

Use your own branding

The Branding menu allows you to use your own logo and favicon (the icon that appears on the browser tab or window when you visit a website).

1. In the left sidebar of your interface, click the Branding icon to expand the sidebar.
2. Click Choose an image under the Logo field to upload a new logo image from your computer.
3. Click Choose an image under the Favicon field to upload a new favicon image from your computer.
   • The favicon must have a minimum resolution of 32x32 pixels.
4. Under the Display the “Built on Zapier” label field, click the toggle switch to turn it off. This will remove the Zapier label from your interface.
5. Click Save changes.

Tip

You can also choose whether to display a navigation bar on your interface's pages.

Display your logo in the navigation

After you upload your logo in the Branding settings, you can also include it in your interface's navigation.

1. In the left sidebar of your interface, click the Navigation icon to expand the sidebar.
2. Under the Include my logo in the navigation field, click the toggle switch to turn it on.
3. Click Save changes.

Learn now to display the navigation bar on your interface's pages.

Provide feedback and get help

You can make a feature request, provide feedback on existing features, and get help from the Interfaces team.