The primary global design elements of the website utilize the SCC brand color scheme.
There is an additional use of various tints of grey and gold to complement the Cardinal Red and Gold of the banner navigation, footer, and formatted typographic elements.
The following colors are sometimes used for background fields of color with white text inside them.
Keeping in mind that many people have color vision deficiencies:
- Don’t change the color of text, instead allowing the site-wide style sheet to style a page that is properly formatted (such as heading usage as outlined above).
- Ensure that information that is conveyed by color differences is also available in text, or that patterns are included to convey the same information in a manner that does not depend on color.
G14: Ensuring that information conveyed by color differences is also available in text
G111: Using color and pattern
G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text
The gold and red tints for header and feature images are achieved through a pre-arranged set of adjustment layers in Adobe Photoshop. If you have images you would like used in the header and do not know how to use Photoshop, you should contact the Webmaster (see sidebar) for assistance.
Your file should be in RGB image mode.
These three adjustment layers should be placed above color header images, from top to bottom:
- Color: Hex #951919 (red) or Hex #f6b007 (gold)
- Density: 95%
- Preserve Luminosity: checked
HUE / SATURATION
- Saturation: -100
Depending on the shadow and highlight values of the image, you may use this to reduce or increase contrast or midtone values for best results.