Customizing Brand Elements in Boris – Boris

The Boris theme for Zendesk, developed by Torango.io, offers various customizable options that allow users to align their help center with their company’s branding. This guide will provide detailed instructions on how to modify brand elements including colors, fonts, and logos to ensure a seamless brand experience across your customer support platform.

Accessing Theme Settings

To begin customizing your Boris theme, you need to access the theme editor in Zendesk. Here’s how:

Log in to your Zendesk Guide account as an admin.
Navigate to the Guide admin panel.
Click on the Customize design icon.
Select the Boris theme and click on Customize.

Updating the Logo

Changing the logo is one of the most crucial aspects of branding. Here's how you can update the logo in the Boris theme:

In the theme editor, locate the Brand section.
Click on the Logo option.
Upload your company logo. Ensure that the image is in a web-friendly format (preferably PNG or SVG).
Adjust the size to fit the header appropriately, and click Save.

Be mindful of the logo’s dimensions and background color to maintain its visibility and alignment with your overall branding.

Customizing Colors

The choice of colors significantly impacts the look and feel of your help center. Follow these steps to customize the color scheme:

In the theme editor, go to the Colors section.
Modify the colors for various components such as Background, Text, Links, and Buttons.
Each color option will have a color picker or hex value field. Use these tools to match your brand's color palette.
After adjustments, click Save to apply the changes.

Adjusting Fonts

Fonts play an essential role in maintaining brand consistency. Boris theme supports integration with Google Fonts, providing a wide range of typography options:

From the theme editor, select the Typography menu.
You can change fonts for Base Font and Heading Font.
Choose a font from the dropdown menu or link a custom font if your brand uses proprietary typography.
Preview the changes in real-time, and once satisfied, click Save.

Implementing Additional Brand Elements

If the standard customization options are not enough, Boris theme also supports advanced CSS and JavaScript modifications:

CSS: This allows for detailed stying beyond the basic settings, such as custom hover effects, border styles, and more.
JavaScript: For functional customizations, like additional behaviors or integration with other tools.

Access these advanced settings from the Edit Code option in the theme editor.

Conclusion

Customizing the Boris theme for Zendesk is straightforward. By updating the logo, colors, and fonts, you align the help center with your corporate identity, enhancing the user’s experience. Further customization with CSS and JavaScript can help provide a unique and full-featured support channel. Always preview your changes and consult with your design team to ensure that alterations align with your brand guidelines.