Brand Guide

Colors

Reds

 

Lighter Red
#F6BAC2

 

Light Red
##EB5D70

 

Red
#E21833

 

Dark Red
#B51329

 

Darker Red
#710C1A

Yellows

 

Lighter Yellow
#FFF6CC

 

Light Yellow
#FFE980

 

Yellow
#FFD200

 

Dark Yellow
#E6BD00

 

Darker Yellow
#997E00

Primary

 

Red
#BA182E

 

Yellow
#FFC845

Business Master's

 

MSBA Navy
#283891

 

MFin Gray
#757677

 

MSA Green
#748C39

 

MSMA Orange
#CF7329

 

MSIS Purple
#58318B

 

MQF Red
#780714

 

MSSCM Teal
#1B9FA5

 

MSBGMT Blue
#236FA8

Neutrals

 

White
#FFFFFF

 

Lighter Gray
#F7F7F7

 

Light Gray
#E6E6E6

 

Medium Gray
#7F7F7F

 

Dark Gray
#454545

 

Darker Gray
#222222

 

Black
#000000

Color Contrast Web Accessibility Resources

Color contrast between text and the background color play a vital role in determining the readability of the web page. 

WebAIM Contrast Checker

Use this tool to determine whether your foreground and background colors have enough color contrast to meet WCAG 2 requirements. 

Test For Color Contrast
Colorblind Web Page Filter

Use this tool to view your web pages through different filters that simulate colorblindness.

Test For Color Blindness

Text Styles

Crimson Text

Available Options:

  • Font Weights: 400 (Normal), 600 (Semi-bold)
  • Styles: Normal, Italic

Download Crimson Text

Source Sans Pro

Available Options:

  • Font Weights: 200 (Extra-light), 300 (Light), 400 (Normal), 600 (Semi-bold), 700 (Bold), 900 (Black)
  • Styles: Normal, Italic

Download Source Sans Pro

Examples

Heading 1 (H1)

Heading 2 (H2)

Heading 3 (H3)

Heading 4 (H4)

Heading 5 (H5)

Heading 6 (H6)

Body Copy (P)

Mobile

Tag Color Font Family Font Size Font Weight Line Height Spacing
Tag H1 Color Red Font Family Source Sans Pro Font Size 42px Font Weight 700 Line Height 44px Spacing 24px
Tag H2 Color Black Font Family Crimson Text Font Size 36px Font Weight 500 Line Height 41px Spacing 24px
Tag H3 Color Black Font Family Crimson Text Font Size 32px Font Weight 600 Line Height 41px Spacing 24px
Tag H4 Color Black Font Family Crimson Text Font Size 28px Font Weight 600 Line Height 43px Spacing 24px
Tag H5 Color Black Font Family Crimson Text Font Size 24px Font Weight 600 Line Height 30px Spacing 24px
Tag H6 Color Black Font Family Crimson Text Font Size 20px Font Weight 600 Line Height 24px Spacing 24px
Tag P Color Black Font Family Source Sans Pro Font Size 18px Font Weight 400 Line Height 30px Spacing 24px

Desktop

Tag Color Font Family Font Size Font Weight Line Height Spacing
Tag H1 Color Red Font Family Source Sans Pro Font Size 64px Font Weight 700 Line Height 67px Spacing 24px
Tag H2 Color Black Font Family Crimson Text Font Size 42px Font Weight 500 Line Height 48px Spacing 24px
Tag H3 Color Black Font Family Crimson Text Font Size 32px Font Weight 600 Line Height 41px Spacing 24px
Tag H4 Color Black Font Family Crimson Text Font Size 28px Font Weight 600 Line Height 43px Spacing 24px
Tag H5 Color Black Font Family Crimson Text Font Size 24px Font Weight 600 Line Height 30px Spacing 24px
Tag H6 Color Black Font Family Crimson Text Font Size 20px Font Weight 600 Line Height 24px Spacing 24px
Tag P Color Black Font Family Source Sans Pro Font Size 18px Font Weight 400 Line Height 30px Spacing 24px

Button Link Styles

Primary Button Secondary Button Tetiary Button
  • Font Family: Source Sans Pro
  • Font Weight: 700
  • Line Height: 17px
  • Text Transformation: Uppercase
  • Border: 2px solid
  • Padding: 14px (top and bottom), 50px (left and right)
  • Margin Bottom: 24px