Logos

logo-full-color-1
Company name logo

Colors

Brand

Primary#1E2F61
Secondary#7695CC
Tertiary#FEAE1E

Neutral

Medium dark#474747
Medium light#E4E8EB
White#FFFFFF
Light#F0F2F5
Black#000000
Dark#1F1F1F
Medium#B3B7BA

Content

Body text#474747
Headlines#1E2F61
Error#DB0000
Accent#FEAE1E
Headlines on dark#FFFFFF
Accent on dark#FEAE1E
Error on dark#DB0000
Body text on dark#FFFFFF

Interactions

Hover#0B51B3
Tertiary hover#FEDE9D
Visited#2E52EA
Links#2E52EA
Secondary hover#C0CEE8
Primary hover#7695CC
Hover on dark#5C9FFF
Links on dark#FFFFFF
Visited on dark#FFFFFF

Overlays

Solid Dark
Solid Medium
Solid Light
Gradient Dark
Gradient Medium
Gradient Light

Styles

Shadows

Shadow Level 1
Shadow Level 2
Shadow Level 3
Shadow Level 4

Buttons & Links

Typography

Sample Markup:

<>
Display 1
Display 2

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Small Paragraph

Large Paragraph

Blockquote
Large Blockquote
Display 1
Display 2

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Small Paragraph

Large Paragraph

Blockquote
Large Blockquote

Lists

Sample Markup:

<>

Unordered List

  • List item
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • List item

Ordered List

  1. List item
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  3. List item

Unordered List

  • List item
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • List item

Ordered List

  1. List item
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  3. List item

Testimonials

Normal

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Full Name, Position, Company Name ,

Large

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Full Name, Position, Company Name ,

Boxed

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Full Name, Position, Company Name ,

Boxed Large

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Full Name, Position, Company Name ,