Color Palette

Primary

Secondary

#212B7E

#FAA61A

#4364B1

#B8CBF8

Tertiary

#303030

#FFFFFF

Typography

Lists

Bullet List
  • Lorem ipsum dolor sit amet.
  • Consectetur adipiscing elit.
  • Ut elit tellus.
  • luctus nec ullamcorper mattis.
  • Pulvinar dapibus leo.

Numbered List
  1. Lorem ipsum dolor sit amet.
  2. Consectetur adipiscing elit.
  3. Ut elit tellus.
  4. luctus nec ullamcorper mattis.
  5. Pulvinar dapibus leo.

Lists
Size: 16px
Font: Bering MT
Line-Height: 1.8em
Color: #303030

Title

Heading 1

Heading 2

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Title
Size: 70px
Font: Century Gothic
Line-Height: 1.2em
Color: #212B7E

Heading 1
Size: 58px
Font: Century Gothic
Line-Height: 1.2em
Color: #212B7E

Heading 2
Size: 42px
Font: Century Gothic
Line-Height: 1.5em
Color: #212B7E

Heading 3
Size: 32px
Font: Century Gothic
Line-Height: 1.5em
Color: #212B7E

Paragraph
Size: 16px
Font: Bering MT
Line-Height: 1.5em
Color: #303030

Title

Heading 1

Heading 2

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Title
Color: #FFFFFF

Heading 1
Color: #FFFFFF

Heading 2
Color: #FFFFFF

Heading 3
Color: #FFFFFF

Paragraph
Color: #FFFFFF

Lists

Bullet List
  • Lorem ipsum dolor sit amet.
  • Consectetur adipiscing elit.
  • Ut elit tellus.
  • luctus nec ullamcorper mattis.
  • Pulvinar dapibus leo.

Numbered List
  1. Lorem ipsum dolor sit amet.
  2. Consectetur adipiscing elit.
  3. Ut elit tellus.
  4. luctus nec ullamcorper mattis.
  5. Pulvinar dapibus leo.

Buttons & Links

Buttons & Links

Inputs

Imagery