Create and Apply a Theme Set in Brand Guidelines

  • Updated

 A Theme Set in Brand Guidelines allows you to establish your brand colors, typography, and the design of the side and top navigation bars in your Brand Guidelines. By applying a theme set to a guide, you can quickly match the appearance of that guide to your brand identity. Once you've set up your brand colors you can apply them throughout your Brand Guidelines. 

If you manage multiple brands with different brand identities, you can create multiple theme sets and apply different styles to each of your guides.

You can duplicate a theme set and adjust the necessary customizations instead of creating a new one from scratch, which can help you save time.

Your Guidelines come with a default Bynder theme set that cannot be edited or deleted. 

  • If you're on the basic plan of Brand Guidelines, only one theme set will be available in Brand Guidelines.

How to Create a Theme Set
  1. Navigate to the Brand Guidelines Tab.

  2. Select three_dots.pngin the top right corner > Themes.Screenshot 2024-05-10 at 10.54.13 AM.png

  3. Click Screenshot 2024-05-10 at 10.59.50 AM.png
  4. Enter a name and (optional) Description. Screenshot 2024-05-10 at 11.00.20 AM.png

  5. (Optional) Enter a HEX color code in the Color field to set up a color for the Theme set thumbnail.

  6. Select Create Theme.

Customize a Theme Set

  1. Navigate to the Brand Guidelines Tab.

  2. You can get to the Theme set in one of two ways

    • Select three_dots.pngin the top right corner > Themes.

    • If you are in a Brand Guideline and want to customize a theme set under the Settings of your Brand Guideline, selectScreenshot 2024-05-10 at 3.13.13 PM.png and select Screenshot 2024-05-10 at 3.18.13 PM.png next to Theme, which will bring you to the Theme Sets page. Screenshot 2024-05-10 at 3.19.46 PM.png
  3. Select the Theme Set you want to Customize or Edit an existing one.
  4. Select Colors in the left sidebar to set up brand colors for this template. You can either Paste your HEX code or select color from Color Picker. Learn about how to set up Brand colors here.

  5. Once you've selected the colors, click Save.
  6. Select the Fonts and Typography tab to set up the fonts and typography for this template.

  7. Click Edit to edit the font & typography options. 

  8. Select the Look and Feel tab to customize the Guide header, title, and sidebar.

    • You can see a preview of your customization in the right sidebar.
  9. Click the Save.

  10. Select Properties. This section allows you to customize. For example, if you want the main Bynder navigation bar to be visible when users are viewing the Brand Guidelines, you can add a custom logo to the Guide header. Learn how to customize here.

How to Apply a Theme Set to a Guide

When you create a new Guide, it will automatically use the default Bynder theme set. If you'd like to use a custom theme set instead, follow the steps below to change it.

  1. Navigate to the Brand Guidelines Tab.
  2. Follow the steps here to create a new theme set.
  3. Create a new Brand Guideline or select an existing one.
  4. Select Screenshot 2024-05-10 at 3.13.13 PM.pngor Edit Guide.
  5. Under Theme, select the Theme you would like to apply from the dropdown option.Screenshot 2024-05-10 at 3.15.10 PM.png
    • If you need to make changes to the Theme set, selectScreenshot 2024-05-10 at 3.18.13 PM.png next to Theme, and you will be brought to the Theme Set page.
  6. Once you select the Theme set, it will be applied, and the look and feel of the guide will change accordingly.

How to Edit or Delete a Theme Set

  1. Navigate to the Theme Set page.

  2. Select the Theme you would like to edit.
  3. Select guidelines_settings.png> Edit Details. 
    • If you would like to delete the Theme set, select Screenshot 2024-05-10 at 3.26.48 PM.png
    • Please read the warning message carefully and click Delete if you wish to permanently remove the Theme set. This action cannot be undone.
  4. Make the necessary changes.
  5. Click Save Changes.
  6. The changes will automatically apply to any Brand Guideline that has the edit theme set applied.

How to Duplicate a Theme Set

Save yourself time and duplicate an existing theme set.

  1. Navigate to the Theme Set page.

  2. Select the Theme set you would like to duplicate.
  3. Click> Duplicate.
  4. The theme set will be duplicated and appear on the theme set overview page.Screenshot 2024-05-10 at 3.24.52 PM.png

FAQ

Is there a limit to the number of colors I can add to a theme set?

No, there is no limit to the number of colors you can add to a theme set.

How do I know which theme set is the default one?

The Default button will appear next to the default Portal theme set for your account.

Screenshot 2024-05-10 at 11.39.06 AM.png

Why is there an error sign next to my color?

The Bynder theme set will always be the default fallback option, so you can still create content (for example, text will be readable with Bynder gray on a white background). The portal theme set will have these as the default until you add brand colors.

Screenshot 2024-05-10 at 11.23.24 AM.png

Why can I only create one Theme set?

Depending on your Brand Guidelines package, you may be restricted to one Theme set. Contact your Customer Success Manager to learn how you can add additional theme sets and any associated costs.

 

Was this article helpful?

0 out of 0 found this helpful

We're sorry to hear that!

Find out more in our community

Have more questions? Find out more in our community