How to Use Brand Colors

7 months ago, Updated
Back to Modules in this section


All of our themes now include Brand Colors making it easy to customize the look and feel of a site in seconds. Brand Colors are the main accent colors used throughout a theme. Any element that is linked to a Brand Color will automatically be updated when that color is changed from the Colors tab. Here's how...

1. Click Design > Colors from the site editor.
Awf sp 27 design colors

 

2. All of our themes come pre-populated with at least one Brand Color. The Brand Color is the main accent color used throughout the site. In this example, the Brand Color is orange.
Awf sp 27brand colors
3. Simply click on a Brand Color to change it. You will be able to preview how this new color looks before saving by scrolling down the page. Click "Cancel" to discard your changes or "Save" to keep them.
Awf sp 28
4. You can also Add a New Brand Color. Once you add a Brand Color to your site, you will see it as an option when editing text, buttons, colors and other items on your site.
Awf sp 29

 

3. Save your changes.


Here's a Tip:
  • Oftentimes, the logo will determine the main colors of a website. Simply change one or more of your Brand Colors to match the main accent color(s) in your logo to create a seamless design.
 

How to Use Brand Colors

Let's see what you've learned. Take the Quiz.

Please complete the quiz below after reviewing the module. Your results will be displayed 30 seconds after submission. You may retake the quiz to improve your score.
Take Quiz