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.