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 Web Colors/Fonts

Background Color

white

HEX: #ffffff

Light gray

HEX: #f4f4f3

Font

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

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;
}