WEBSITE DERIVATIVE COLORS:

Website hexadecimal colors are derived from main HCDS Palette; use appropriate font and text box colors based on individual web page banner/header.  ALWAYS use HASHTAG PREFIX (#) on hexidecimal color designation in HTML coding.

LIGHT BLUE #42cff7

FONT: #42cff7

LT TEXT BOX: #28bff0  

DK TEXT BOX: #044e62

DARK BLUE#1e88a8

FONT: #1e88a8

FONT: #186981 (USED FOR FAQ, INFO)

LT TEXT BOX: #a9sfef  / #d4feff7

DK TEXT BOX: #14576b / 1e88a8

CALYPSO BLUE-GREEN #339999

FONT: #339999

LT TEXT BOX: #c5ebec  / #b6e2dc

DK TEXT BOX: #206060

DARK GREEN #28645b

FONT: #28645b

LT TEXT BOX: #d1e5e0  / #c8e9e5

DK TEXT BOX: #28645b

GRAY/BLACK FONT: #333333

WEBSITE STYLING:

Homepage Headlines News Scroll CODING (cut and paste code and add your caption):        

<font size="4" color="#42cff7"> Add your HCDS News caption here </font>

IMPORTANT NOTE:  ThE  AEM CAROUSEL (and the SDC POPULAR SERVICES components are VERY QUIRKY!  If you make a mistake on the coding, the entire component will be deleted!  

Suggestion: Copy and paste the component, make your edits to the copy, check for errors and then delete the old version.  This is a good practice when making any edit in AEM!

Homepage nav table:

table cell size is 150, no padding, no borders, Horizontal align left column to right, Horizontal align center column to center, Horizontal align right column to left

HTML titles - colored fonts:

Copy and paste code, replace "TextColorHere" with appropriate Hexadecimal number, INCLUDE HASHTAG PREFIX

<h2 style="color: #TextColorHere;"> TYPE YOUR TEXT HERE </h2>

Colored Text Boxes:

Copy and paste code, replace "BackgroundColorNumberHere" with appropriate Hexadecimal number, INCLUDE HASHTAG PREFIX

<div style="color: white; padding: 20px; background-color: #BackgroundColorNumberHere;"><h2 style="color: #ffffff;"></h2></div>    (replace background color with appropriate hexidecimal background color)