Knowledge Base

Theme Sets in Brand Guidelines 2.0

Use theme sets to align the look and feel of your Brand Guidelines with your brand identity. With theme sets you can set up your brand colors and typography as well as the look and feel of the side and top navigation bars in Brand Guidelines.

By applying a theme set to a guide you can instantly align the look and feel of that guide with the desired identity.

Do you have multiple brands with a different look and feel? Set up as many theme sets and apply different styling to your individual guides. Save yourself time by duplicating a theme set and only make the necessary customizations instead of building a new theme set from scratch.

Read more about theme sets below and start building your theme sets.

Things you Should Know

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

    Do you need more theme sets? Contact your Customer Success Manager to discuss upgrade possibilities.

  • You can't edit or delete the Bynder theme set. This theme set functions as a fall back in case all custom theme sets are removed.

How to Create a Theme Set?

  1. Go the Brand Guidelines overview page. Click the guidelines_settings.png button and click .

  2. Click the New theme set button.

  3. Enter a name for the name theme set in the Name field.

  4. (Optional) Enter a description for the new theme set in the Description field.

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

  6. Click Create theme to create the new theme set.

Now that your preset is created you can start configuring it.

Tip

Would you like to create another theme set?

Save yourself time by duplicating your theme set and only making the necessary customizations.

How to Configure a Theme Set?

  1. Navigate to the theme set overview page. When you're on the Brand Guidelines overview page click the guidelines_settings.png button and click .

  2. Click Colors in the left sidebar to set up brand colors for this template. Read more about brand colors here.

  3. Click Fonts and Typography to set up the fonts and typography for this template. Read more about typography here.

  4. Click Guide UI to configure the look and feel of other elements, such as the top navigation and side navigation bar.

    Open the available dropdowns to change the color and font settings. You can choose from the colors that are set up as brand color. The live preview on the right side shows what the change will look like.

    Click the Save button at the bottom of the page to save the changes.

    Note

    Make sure to set your brand colors first. Otherwise you won't be able to change the colors for the elements in Guide UI.

How to Apply a Theme Set to a Guide?

  1. Navigate to the guide you want to apply the theme set to.

  2. Click the Edit guide button in the top bar.

  3. Click the guidelines_settings.png button, go to Change theme set and click the theme set you want to apply.

The theme set will be applied and change the look and feel of the guide accordingly.

How to Modify a Theme Set?

  1. Navigate to the theme set overview page. When you're on the Brand Guidelines overview page click the guidelines_settings.png button and click .

  2. Click the theme set you want to modify.

  3. Make the necessary changes.

How to Duplicate a Theme Set

Would you like to create a theme set that is very similar to an existing theme set? Save yourself time and duplicate an existing time

  1. Navigate to the theme set overview page. When you're on the Brand Guidelines overview page click the guidelines_settings.png button and click .

  2. Hover over the theme set you want to duplicate, click the guidelines_settings.png button and click Duplicate. The theme set will be duplicated and appear on the theme set overview page.

  3. Click the duplicate theme set to open it and make the necessary customizations.

How to Delete a Theme Set?

  1. Navigate to the theme set overview page. When you're on the Brand Guidelines overview page click the guidelines_settings.png button and click .

  2. Hover over a theme set, click the guidelines_menu.png button and click Delete.

  3. Read the warning message carefully and click Delete if you wish to permanently remove the theme set.

    Note

    This action can't be undone.

Learn More