How to customize your website color schema
Customizing your website with a logo, brand colors, and other aspects to best suit your company is key to establishing a strong brand and making sure it stands out from the competition.
In this tutorial, I'll show you how to customize your website color schema in OnlineCourseHost.
Let's go over the following sub-topics:
- Choose a predefined theme
- Brand primary color
- Brand accent color
- Brand footer color
- Sales Page Banner Color
To locate the 'Branding' screen, click Admin >> Settings and locate the Branding tab.
Choose a Predefined theme
The platform comes with different predefined themes that you can choose from, and preview, if you do not know how to get started with combining colors that would be suitable for your online school.
Set up brand colors
I advise selecting two brand colors (the major color and the accent color) for your online course business based on the feelings you want to convey to your students.
You can also see our related article on getting familiar with brand colors in order to choose the best colors that portray your brand.
You can also select from the available themes (38 brand colors) if you do not know the colors to use. That way, you can preview the colors and how they would complement your website before applying them.
Brand Primary Color: This is the color most key features use inside your course (and on your sales page and course website). It’s what your audience will come to know well during their experience.
For example, the top header menu of your website uses this color, so it will be visible everywhere.
See the image below for more clarity:
This page uses the primary color #11294F.
Brand Accent Color: This is the secondary color that many buttons and other elements will use on your pages.
The goal of this secondary color is to call attention to a particular element of the page, so the color should be very different from the primary color.
See the image below for more clarity:
This page uses the accent color #EB3B3B.
Brand Footer color: This is the color that will be displayed in the area located at the bottom of every page on your website.
See the image below for clarity:
This page uses the footer color #031471.
Sales Page Banner Color: This is the color that will be displayed on the course sales page, directly underneath the branding primary color.
See the image below for more clarity:
The sales page banner color highlighted in black is #9C27B0.
Choose your brand colors
To choose your brand colors, you can either type in the color codes if you have them or find the perfect tone using the color picker:
Note: The color codes you see at first glance are the default colors, which you can always be changed by deleting and typing in yours.
After picking your colors, scroll down, and click on Apply Brand to apply your color combination throughout your website.
Do you want to know more about color codes? Read this on hex color codes by December.com.