Global Navigation

Your Sitename.
Your slogan.

Top Navigation

Sub-Navigation

Content

COLOR SCHEMES

GENERAL CONSIDERATIONS

The GoFlexiblePro color scheme is divided into background colors and text colors. Each of these groups can be applied individually or simultaneously to HTML-tags by using generic CSS-classes ("generic" = classes that have only one property defined). When the generic CSS-classes are applied, the default settings are overruled. In this way we have a powerful global template with the combination of flexibility to adapt local sections of the webpage without any need to modify the CSS-code. This is convenient for beginners.

GoFlexiblePro contains five color groups: grey, yellow, blue, green and red. For each of these groups there are ten shading levels offered. If you prefer other color schemes, just go to the CSS-code and define the generic classes according to your tastes or needs.

BACKGROUND COLORS

How it works

  • Basic color set:
    - White
    - Black
    - Grey (Increments of 5-10%)
    - Yellow (based on "Pantone Yellow C", increments of 10%)
    - Blue (based on "Pantone 2726C", increments of 10%)
    - Green (based on "Pantone 369C", increments of 10%)
    - Red (based on "Pantone 179C", increments of 10%)
  • Generic CSS-classes:
    - White: .bg-white
    - Black: .bg-black
    - Grey: .bg-greyNN (NN = number between 01 and 10)
    - Yellow: .bg-yellowNN (NN = number between 01 and 10)
    - Blue: .bg-blueNN (NN = number between 01 and 10)
    - Green: .bg-greenNN (NN = number between 01 and 10)
    - Red: .bg-redNN (NN = number between 01 and 10)
  • Method: Apply generic CSS-classes to HTML-tags

The available colors

Background color nameAppearance
Grey #01
Grey #02
Grey #03
Grey #04
Grey #05
Grey #06
Grey #07
Grey #08
Grey #09
Grey #10

Table 1. Grey background colors.

Background color nameAppearance
Yellow #01
Yellow #02
Yellow #03
Yellow #04
Yellow #05
Yellow #06
Yellow #07
Yellow #08
Yellow #09
Yellow #10

Table 2. Yellow background colors.

Background color nameAppearance
Blue #01
Blue #02
Blue #03
Blue #04
Blue #05
Blue #06
Blue #07
Blue #08
Blue #09
Blue #10

Table 3. Blue background colors.

Background color nameAppearance
Green #01
Green #02
Green #03
Green #04
Green #05
Green #06
Green #07
Green #08
Green #09
Green #10

Table 4. Green background colors.

Background color nameAppearance
Red #01
Red #02
Red #03
Red #04
Red #05
Red #06
Red #07
Red #08
Red #09
Red #10

Table 5. Red background colors.

TEXT COLORS

How it works

  • Generic CSS-classes:
    - White: .txt-white
    - Black: .txt-black
    - Grey: .txt-greyNN (NN = number between 01 and 10)
    - Yellow: .txt-yellowNN (NN = number between 01 and 10)
    - Blue: .txt-blueNN (NN = number between 01 and 10)
    - Green: .txt-greenNN (NN = number between 01 and 10)
    - Red: .txt-redNN (NN = number between 01 and 10)
  • Method: Apply generic CSS-classes to HTML-tags

The available colors

Text color nameAppearance
Grey #01Normal Bold
Grey #02Normal Bold
Grey #03Normal Bold
Grey #04Normal Bold
Grey #05Normal Bold
Grey #06Normal Bold
Grey #07Normal Bold
Grey #08Normal Bold
Grey #09Normal Bold
Grey #10Normal Bold

Table 1. Grey text colors.

Text color nameAppearance
Yellow #01Normal Bold
Yellow #02Normal Bold
Yellow #03Normal Bold
Yellow #04Normal Bold
Yellow #05Normal Bold
Yellow #06Normal Bold
Yellow #07Normal Bold
Yellow #08Normal Bold
Yellow #09Normal Bold
Yellow #10Normal Bold

Table 2. Yellow text colors.

Text color nameAppearance
Blue #01Normal Bold
Blue #02Normal Bold
Blue #03Normal Bold
Blue #04Normal Bold
Blue #05Normal Bold
Blue #06Normal Bold
Blue #07Normal Bold
Blue #08Normal Bold
Blue #09Normal Bold
Blue #10Normal Bold

Table 3. Blue text colors.

Text color nameAppearance
Green #01Normal Bold
Green #02Normal Bold
Green #03Normal Bold
Green #04Normal Bold
Green #05Normal Bold
Green #06Normal Bold
Green #07Normal Bold
Green #08Normal Bold
Green #09Normal Bold
Green #10Normal Bold

Table 4. Green text colors.

Text color nameAppearance
Red #01Normal Bold
Red #02Normal Bold
Red #03Normal Bold
Red #04Normal Bold
Red #05Normal Bold
Red #06Normal Bold
Red #07Normal Bold
Red #08Normal Bold
Red #09Normal Bold
Red #10Normal Bold

Table 5. Red text colors.

Sidebar

Footer