Style Guide

Style Guide

A complete guide to all CERRE’s modular interface elements.

Colors

A complete color swatch used to color all interface elements on the website.
Theme Colors

Dark Green

Light Green

Accent

Blue 4

Grays

Primary

Gray 1

Gray 2

Feedback

Success
#57A773

Warning
#F19953

Error
#ED6A5E

Buttons

Component, text style and size variations
Button Sizes
Small
Medium
Large
Theme Colors
Primary 1
Outline
Outline
Primary 2
Sector Colors
Download
Download

Typography

Headings, body and other common text elements.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Body Text Body Link

 

Quote: “Don’t Let Yesterday Take Up Too Much Of Today.” – Will Rogers

Typography

Headings, body and other common text elements.

List <ul>

  • Topic 1
  • Topic 2
  • Topic 3

 

List Number

    1. Topic 1
    2. Topic 2
    3. Topic 3

Icons List

  • List Item #1
  • List Item #2
  • List Item #3

Cards

A multipurpose component used to display content in boxed format.