Brand Guide
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.
Use this tool to determine whether your foreground and background colors have enough color contrast to meet WCAG 2 requirements.
Use this tool to view your web pages through different filters that simulate colorblindness.
Crimson Text
Available Options:
- Font Weights: 400 (Normal), 600 (Semi-bold)
- Styles: Normal, Italic
Source Sans Pro
Available Options:
- Font Weights: 200 (Extra-light), 300 (Light), 400 (Normal), 600 (Semi-bold), 700 (Bold), 900 (Black)
- Styles: Normal, Italic
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 |
---|---|---|---|---|---|---|
H1 | Red | Source Sans Pro | 42px | 700 | 44px | 24px |
H2 | Black | Crimson Text | 36px | 500 | 41px | 24px |
H3 | Black | Crimson Text | 32px | 600 | 41px | 24px |
H4 | Black | Crimson Text | 28px | 600 | 43px | 24px |
H5 | Black | Crimson Text | 24px | 600 | 30px | 24px |
H6 | Black | Crimson Text | 20px | 600 | 24px | 24px |
P | Black | Source Sans Pro | 18px | 400 | 30px | 24px |
Desktop
Tag | Color | Font Family | Font Size | Font Weight | Line Height | Spacing |
---|---|---|---|---|---|---|
H1 | Red | Source Sans Pro | 64px | 700 | 67px | 24px |
H2 | Black | Crimson Text | 42px | 500 | 48px | 24px |
H3 | Black | Crimson Text | 32px | 600 | 41px | 24px |
H4 | Black | Crimson Text | 28px | 600 | 43px | 24px |
H5 | Black | Crimson Text | 24px | 600 | 30px | 24px |
H6 | Black | Crimson Text | 20px | 600 | 24px | 24px |
P | Black | Source Sans Pro | 18px | 400 | 30px | 24px |
Button Link Styles
- 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