Skip to main content

Knowledge Base

Brand Colors

By setting up your brand colors you can make sure your Brand Guidelines are consistent and aligned with your branding. Content creators can then use these colors from the brand color scheme to customize fonts and backgrounds for their Brand Guidelines content.

How to Set Up Brand Colors

  1. Go to the Brand Guidelines overview page of your portal. Click the guidelines_settings.png button and click Theme sets.

  2. Click the theme set for which you want to set up colors.

    Note

    You can't set up colors for the Brand Guidelines 2.0: Bynder theme set as this theme isn't editable and only serves as a reference point

  3. Click Colors in the left sidebar.

  4. Click the + Add color button.

  5. Enter a name for your brand color in the Color name field.

  6. Enter the hex code of the color you want to add in the Enter hex code field.

  7. If the preview of the new color matches with your desired color click Save to add the brand color.

How to Edit a Brand Color

  1. Go to the Brand Guidelines overview page of your portal. Click the guidelines_settings.png button and click Theme sets.

  2. Click the theme set for which you want to set up colors.

    Note

    You can't set up colors for the Brand Guidelines 2.0: Bynder theme set as this theme isn't editable and only serves as a reference point

  3. Click the hex code of the color you want to modify and change the code.

  4. (Optional) Modify the color name if necessary.

  5. If the preview of the modified color matches with your desired color click Save to change the brand color.

How to Remove a Brand Color

  1. Go to the Brand Guidelines overview page of your portal. Click the guidelines_settings.png button and click Theme sets.

  2. Click Colors in the left sidebar.

  3. Hover over the color you want to remove and click the remove_brand_color.png icon to permanently remove the brand color.

    Note

    This action cannot be undone.

How to Use Brand Colors

When you write content in Brand Guidelines you can use the available brand colors to color your text.

  1. Open the page in Brand Guidelines and go to the text widget where you want to apply a font color to your text.

  2. Select the text and click the font_color.svg icon in the WYSIWYG editor.

  3. Choose one of the available brand colors to set the font color for your selected text.

  4. (Optional) Repeat the previous step as often as necessary to apply different font colors to other parts of your text.

    Note

    You can only use the available brand colors to set the font color for text inside a text widget. Titles cannot have a different font color.

Learn more