Style Sheet

Typography

Template Fonts

Playfair Display, serif

Quattrocento Sans, sans-serif

Main Body Styles

H1 Page Header – 52px | #2e74bb

H2 Main Header – 48px | #3d3938

H3 Subhead 1 – 32px | #00a561

H4 Subhead 2 – 30px | #ed5f4f

H5 Subhead 3 – 24px | #551e5b
H6 Subhead 4 – 18px | #3d3938

Body Copy 18px Humane gull guilty and jeez and via less cobra goodness hey weakly one far bridled solemnly dear growled primly the much the hence that koala quetzal analytically far one some house saw much much far amongst oh scant ripe and gorilla ape.

H1 Page Header: Color Variations

H1.blue (preferred) |

H1.emerald |

H1.coral |

H1.purple |

H1.black

Logo

Third Level Page Divider


cottey-daisy

Icons

Grid Configurations – Full Width Page

1)   Row of five blocks in two configurations: With two image blocks or with two gray blocks. Order of color blocks can be altered. Height of color blocks does not change.

Text and icon with call to action

Text and icon with call to action

Text and icon with call to action

Text and icon with call to action

Text and icon with call to action

Text and icon with call to action

Text and icons or image with call to action

Text and icon with call to action

2)   Full-width white section can contain blockquote or .block-title headline and paragraph text. Height of section depends on length of information.

Cottey taught me to expect more from myself. Both the faculty and my classmates taught me that I can go much farther if I push myself and have high expectations of myself. Going to Cottey was one of the best decisions I ever made. Not only did I get a first-rate”

J.Elise Van Pool, Alumnae “03
Army Veteran, Mother

3)   Three “call to action” blocks always purple, coral, and green – the order of the colors can be changed. Height of the blocks is constrained.

Title Can Wrap Upto Three Lines
Block with Large Call to Action
Title Can Wrap Upto Three Lines

4)   Two “call to action” image blocks always contain an image. Height of the blocks is constrained.

Headline

Paragraph teaser text of about 40 words with a call to action to the full page. Sneered nerveless incorrectly opposite reindeer owing jeepers to hello.

Learn More

learn-to-lead

Headline

Paragraph teaser text of about 40 words with a call to action to the full page. Sneered nerveless incorrectly opposite reindeer owing jeepers to hello.

Learn More

travel-the-world

5)   Two-fifth | one-fifth | two-fifth configuration. Two-fifth blocks contain headline and teaser text while the one-fifth block is divided into upper and lower call-to action blocks with icons. One one-fifth block can contain an image, but does not have to. Height of the blocks is constrained.

Title Can Wrap Upto Three Lines

Paragraph teaser text of about 40 words with a call to action to the full page. Sneered nerveless incorrectly opposite reindeer owing jeepers to darn ungracefully took or human hello macaw lynx fretfully boundless waspishly goodness due. Learn more

Title Can Wrap Upto Three Lines

Paragraph teaser text of about 40 words with a call to action to the full page. Sneered nerveless incorrectly opposite reindeer owing jeepers to darn ungracefully took or human hello macaw lynx fretfully boundless waspishly goodness due. Learn more

6)   Divided row of two blocks gray and white. These blocks are used for informational text. Height of blocks depends on length of information.

Headline

This block can be used to call attention to special information – i.e. news, events, special announcements, etc. Sneered nerveless incorrectly opposite reindeer owing jeepers to hello. Wasteful much where a imprecise dropped ubiquitous some sniffled stopped ridiculous much yikes far mellifluously.

Headline

This block can be used to call attention to special information – i.e. news, events, special announcements, etc. Sneered nerveless incorrectly opposite reindeer owing jeepers to hello. Wasteful much where a imprecise dropped ubiquitous some sniffled stopped ridiculous much yikes far mellifluously.