CSP Library: Web Dev: Site Style

Site Style

Headings

Heading 1 is reserved for Guide titles. Do not use within a content box.

Heading 2 is reserved for Page titles. Do not use within a content box.

Heading 3 is not used, but is stylistically applied to Box titles. Do not use within a content box.

Headings 4-6 can be used within a content box.

Text

Open Sans is applied site-wide. Do not use another font.

Color

CSP "Dark Blue"

#0A3255
Used for section and page headers, navigation elements
Use csp-txt-dblue class to apply to text
Use csp-bg-dblue class to apply background color

CSP "Medium Blue"

#095D7E
Used for section and page headers, navigation elements
Use csp-txt-mblue class to apply to text
Use csp-bg-mblue class to apply background color

CSP "Teal"

#45807B
Used for search elements
Use csp-txt-teal class to apply to text
Use csp-bg-teal class to apply background color

CSP "Gold"

#E7B220
Used for non-functional accents and highlights
Use csp-txt-gold class to apply to text
Use csp-bg-gold class to apply background color

CSP "Maroon"

#8B2346
Used for help elements
Use csp-txt-maroon class to apply to text
Use csp-bg-maroon class to apply background color