MVP Web Style Guide

MVP Web Style Guide

H1: First-level Heading Normal

H1: First-level Heading Link

H2: Second-level Heading

H2: Second-level Link

H3: Third-level Heading

H3: Third-level Link

H4: Fourth-level Heading

H4: Fourth-level Link

H5: Fifth-level Heading
H5: Fifth-level Link

H6: Sixth-level Heading

H6: Sixth-level Link

P: Paragraph text.
Lorem ipsum dolor sit amet, in-line link elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te another in-line link m dolor sit amet, consectetuer adipiscing elit, sed diam all the linking euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

UL: Unordered List

UL: Unordered List – Arrow Bullets

OL: Ordered List

  1. Lorem ipsum
  2. Dolor sit amet
  3. Ordered List Link

Color Palette

1
Main Nav BG: 41, 56, 106
2
mvpBlue: #404CA2
3
mvpBrightBlue: #345FB4
4
darkGray: #636366>
5
mediumGray: #9D9FA2
6
lightBG: #e7e7e5
7
offWhite: #D1D2D4
8
offBlack: #383839;
9
Black: #000

Fonts

Open Sans Condensed 300

0123456789

!@#$%^&*()_+?”‘, .

Open Sans Condensed 300

Raleway

0123456789

!@#$%^&*()_+?”‘, .

Raleway 100

Raleway 200

Raleway 300

Raleway 400

Raleway 500

Raleway 600

Raleway 700

Raleway Italic

0123456789

!@#$%^&*()_+?”‘, .

Raleway Italic 100

Raleway Italic 200

Raleway Italic 300

Raleway Italic 400

Raleway Italic 500

Raleway Italic 600

Raleway Italic 700

Roboto Condensed

0123456789

!@#$%^&*()_+?”‘, .

Roboto Condensed 300

Roboto Condensed 400

Roboto Condensed 700

Roboto Condensed Italic

0123456789

!@#$%^&*()_+?"’, .

Roboto Condensed Italic 300

Roboto Condensed Italic 400

Roboto Condensed Italic 700


Buttons and Arrows

NOTE: This area is still being worked.


Pulsing Down Arrow

Left/Right Arrows 1

Next
Previous

Left/Right Arrows 2

Previous