Website content located in the central Content Management System (CMS) inherits the approved GGC website design, including the exterior framework and interior colors, fonts and images. All GGC websites should adhere to the following guidelines:

Graphics

Websites should display an approved GGC logo and demonstrate a professional appearance in keeping with the style and brand of the website. Use of GGC logos and trademarked graphics should adhere to the GGC Graphic Standards – Usage and Style Guide and the GGC Athletics – Brand Identity Usage and Style Guide. Other graphics used on the website should be of high quality and professional in appearance. The Office of Public Relations offers graphic services to the GGC community upon request.

Official Institutional Fonts

'Avenir', 'Open Sans', Arial, sans-serif

Official Institutional Web Colors

Background Color

 

White
HEX: #ffffff

 

Light gray
HEX: #f4f4f3

Base

 

Dark gray
HEX: #212326

 

Dark green/gray
HEX: #0b3325

 

Black
HEX: #000000

 

White
HEX: #ffffff

Text

 

Body copy
HEX: #6c7079

 

H1, H3, H5 & Caption headline
HEX: #00704a

 

H2, H4, H6
HEX: #404041

Text Link
HEX: #77bc1f

Headline and Body Copy Styles

The H1 Heading is built into the page header. There should be only one H1 tag on a page, so Content Managers should not add any H1 headings.

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
Code
  

h2 {
    color: #404041;
    font-size: 1.875em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 2.5em 0 1em;
}

h3 {
    color: #00704a;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 2.5em 0 1em;
}

h4 {
    color: #404041;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 2.5em 0 1em;
}

h5 {
    color: #00704a;
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 2.5em 0 1em;
}

h6 {
    color: #404041;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 2.5em 0 1em;
}