Branding a Theme

Our templates stand out from the standard Zendesk Guide themes and those offered by other providers, as they come equipped with an array of advanced tools. These tools enable you to personalize your help center independently, without the need for external assistance or programming knowledge. They cover various aspects like typography, colors, images, and social media integration.

You can easily brand your Zendesk Guide and make changes as often as possible without involving developers. 

To assist in your design journey and ensure your help center reflects your brand accurately, we've compiled essential design guidelines. These guidelines facilitate the initial setup of your theme and help maintain its branded and refined appearance.

  1. In Guide, click on the Customize design icon in the sidebar. The Theming center page opens.

  2. Click the theme you want to edit to open it.

  3. Click the Edit code button.

  4. Upload your logo and favicon in the Brand section of the theme.
  5. Change the background image in the Hero unit section. Use the right image resolutions. Images are a cornerstone of your help center, from your hero image on the home page to your article images. You can find high-quality stock  images on those outstanding resources:

    hero unit

  6. Change the main colors of the theme. You can set primary and secondary color schemes for your theme. If you already have a logo, a general rule is to pick a few accent colors that match your brand or logo. Usually, it's a good idea to match the color of the header and footer of your main website.


  7. Select the font. Our themes come with a preset of popular Google Fonts. Additionally, you can use your font by changing the theme's code.
  8. Set up custom blocks and contact boxes. Upload your icons for the custom blocks on the main page. Adjust as well as their names and links. We recommend linking the custom blocks to the most important pages of your main website or help center.  If you are struggling with icons, use the following resources:

    custom block

  9. Adjust the home page layout. You can choose which blocks to show, for example, custom blocks, category list, category tree, and promoted articles.

  10. Adjust colors for article formatting components.

  11. Add links to social media resources in the footer.

  12. Save and Publish the changes.
Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.