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 |
---|---|---|---|---|---|---|
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
- 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