Colors

Primary Color Palette

Name: Blue Nano
Variable: $blue-nano
Hex: #5133ff
Name: Blue Dark
Variable: $blue-dark
Hex: #1b0066
Name: Blue Medium
Variable: $blue-medium
Hex: #23087e
Name: White
Variable: $white
Hex: #ffffff

Supporting Color Palette

Name: Orange
Variable: $orange
Hex: #ffa466
Name: Green
Variable: $green
Hex: #47eaac
Name: Blue Bright
Variable: $blue-bright
Hex: #2ad7f4

Brand Grays

Name: Gray Dark
Variable: $dark-gray
Hex: #4d4d4d
Name: Gray Medium
Variable: $medium-gray
Hex: #808080
Function:
lighten( $dark-gray, 20)
Name: Gray Light
Variable: $gray-light
Hex: #e6e7e8

Typography

Typography h1 header

Typography h2 header

Typography h3 header

Typography h4 header

Typography h5 header
Typography h6 header

This is a short blockquote.

Author citation
Paragraph Text

Paragraph text. Check on desktop and mobile as font sizing changes slightly depending on the device.

Second line of paragraph text for margin comparison.

Lists
  • Unordered list item
  • Unordered list item
    • Nested list item
    • Nested list item
  • Unordered list item
  1. Ordered list item
  2. Ordered list item
  3. Ordered list item

Forms