Colors

Base colors

Visio template comes with 5 base colors. The first two are used for the website main colors. The other three are related colors used for creating a contrast between elements.

Base color 1 .bg-base-1
Base color 2 .bg-base-2
Base color 3 .bg-base-3
Base color 4 .bg-base-4
Base color 5 .bg-base-5

Pre-defined colors

We created a set of colors you can use in your website just by adding a simple class to any elements. You can change them from the LESS variable file or create new ones.

Blue .bg-blue
Green .bg-green
Red .bg-red
Pink .bg-pink
Orange .bg-orange
Gold .gold
Purple .purple
Light gray .bg-light-gray
Gray .bg-gray
Black .bg-black
White .bg-white

Section background colors

You have 5 section background colors available. A subtle background color gives separation to the content so it is much easier to follow. You can change them from the LESS variables file. But, of course, you can use any of the colors listed above as a section background color.

Section background color 1 .sct-color-1
Section background color 2 .sct-color-2
Section background color 3 .sct-color-3
Section background color 4 .sct-color-4
Section background color 5 .sct-color-5