COLOR THEMES

There are four color themes used in this site:

  • Lightest 1 - all content sections with white background

  • Lightest 2 - header

  • Light 1 - only the triple button section on home page

  • Light 2 - footer and any content section with light blue/grey background (newsletters page, for example)

COLOR BUILDS

Dark Blue: HEX #013952 | RGB 1, 57, 82

Grey: HEX #889BAE | RGB 136, 155, 174

Blue: HEX #15628E | RGB 21, 98, 142

FONTS

HEADLINES - Acumin Pro Condensed

PARAGRAPHS - FF Basic Gothic Pro

TEXT STYLES

Heading One - currently not in use

Heading Two - all page headers

HEADING THREE - subheaders, such as 2021 COLORADO CHAPTER OFFICERS

Heading Four - sub-subheaders, such as 2021 Nesletters

Paragraph 1 - body copy in top sections of in terior pages

Paragraph 2 - body copy in featured sections on home page and additional body copy (below top sections) on interior pages

Paragraph 3 - subheaders in bold within current newsletter

 BUTTON STYLES

SMALL BUTTONS

  • used for resource links such as board meeting minutes and newsletters

  • use spacers to adjust width

  • left justified

  • will be white when placed on Light 2 color theme (see newsletter and board meeting minutes pages)

 

MEDIUM BUTTONS

  • used on all event pages

  • set to extend to full width of box

  • use in triplicate, one next to another or

  • put a spacer next to button box to bring width down

 

LARGE BUTTONS

  • only to be used in second section of home page - not recommended for use elsewhere in site

  • homepage buttons use custom coding for different color

IMAGE STYLES

IMAGE CARD

  • used on home page, training page, jobs page

COLLAGE

  • used for job listings