Before Starting

Note that you need to have editing permissions in order to configure colors in a brand configuration.

In this article:
What are Brand Colors?
Configuring a Color
Color Mapping Diagram

What are Brand Colors?

A SundaySky scene template includes various components that you can apply color to. These include the backgrounds, accents, buttons, and text. Each one of these components can have a specific color. The seven colors that can be used in a scene template are defined in a brand configuration.

For example: One of the seven brand colors is Button Fill and in the screenshot below, the color selected for the button fill is a light orange (hex code #FCBD70).

Color_mapping_example.png

Warning:

A color is a component of a brand configuration. A brand configuration can be applied to more than one video. If you change colors in a brand configuration, this will affect both the video you are currently working on as well as all videos using the same brand configuration. We therefore recommend proceeding with caution.


Configuring a Color

1.

In the relevant brand configuration, open the Colors section.
▶ For how to create a brand configuration, see Creating a Brand Configuration.

 

Open_colors_section.jpg

 

The Colors section is displayed with the seven colors that can be configured.

 

7_colors.jpg

2.

Click the color that you want to configure (in the example below, Button Text).
▶ For your reference, use the color mapping diagram to identify the color that you want to configure.

 

Configure_button_text.jpg

3.

Select a new color by doing one of the following:
a. Pick a color from the current brand colors.
b. Enter the hex code.
c. Enter the R, G, and B numeric values.
d. Use the color slider to visually select a color.

 

Color_picker_70_percent.jpg

 

Note that Button Fill and Button Border can be configured to be transparent. The color pickers of these two colors include a toggle that can be switched to transparency.

 

Button_fill_switched_off.jpg

 

As you configure a new color, it is immediately reflected in the relevant scene component.

 

Color_reflected_in_scene.jpg

4.

When you're happy with the color that you have selected, click Save.
▶ Click Cancel to cancel the selection and revert to the previous color.

 

Save_new_brand.jpg

 

The new color is saved in the brand configuration.

 

New_color_is_saved_in_brand.jpg

 

Note that only non-transparent colors are displayed in the brand configuration. If one of the colors in the Summer Campaign brand configuration is transparent, it displays as follows with only six colors: 

  6_colors.jpg

5.

Configure additional colors, as required.


Color Mapping Diagram

If you would like to see how a color is used in a scene, you can refer to the mapping diagram below.
Note that there may be scenes in which not all the colors are used.

Mapping_diagram_for_colors.jpg

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.