COLOR PALETTES

Styles
 
White
#ffffff
 
Blue
#35435d
 
Gray
#6d6d6d
 
Teal
#0093ad
 
Yellow
#ff950c
 
Green
#4caf50
 
Required
#e53935
Backgrounds
 
Light Gray
#e8ecf0
 
Dark Gray
#d3dae2
 
Blue
#253143
Gradients
 
Header Gradient
#253143 - #213b4f

TYPOGRAPHY

Fonts

Lato Light

Lorem ipsum dolor sit amet, ea quo erat gloriatur reprimique. Cu mea possim adipisci pertinax, vix at oratio labitur reprimique, modo omnium delectus et est. At accusamus evertitur duo, ex eam choro labore definitiones, justo graeco maluisset vis eu.

font-size:15px
line-height:24px
font-weight:300

Lato Regular

Lorem ipsum dolor sit amet, ea quo erat gloriatur reprimique. Cu mea possim adipisci pertinax, vix at oratio labitur reprimique, modo omnium delectus et est. At accusamus evertitur duo, ex eam choro labore definitiones, justo graeco maluisset vis eu.

font-size:15px
line-height:24px
font-weight:400

Lato Bold

Lorem ipsum dolor sit amet, ea quo erat gloriatur reprimique. Cu mea possim adipisci pertinax, vix at oratio labitur reprimique, modo omnium delectus et est. At accusamus evertitur duo, ex eam choro labore definitiones, justo graeco maluisset vis eu.

font-size:15px
line-height:24px
font-weight:700

<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
General Text
Element Example Font Details Hex #
  Menu Navigation font-size: 16px
line-height:24px
font-weight:400
#FFFFFF
  Breadcrumb / Paging font-size: 16px
line-height:24px
font-weight:400
#000000
H1

Heading
heading

font-size: 33px
line-height:50px
font-weight:900
#000000
H2

Subheader
subheader

font-size:29px
line-height:34px
font-weight:900;
#000000
H3

Titles
titles

26px #0093AD
H4

Heading

16px #000000
P

Body Text

14px #000000
a Body Text 14px #0093AD;
small small text 12px #0093AD;
Element Example Font Size Hex #
  Menu Navigation 12px #000000
  Breadcrumb / Paging 12px #000000
H1

Heading

32px #000000
H2

Subheader

28px #000000
H3

Titles

26px #0093AD
H4

Heading

16px #000000
P

Body Text

14px #000000
a Body Text 14px #0093AD;
small small text 12px #0093AD;
Element Example Font Size Hex #
  Menu Navigation 12px #000000
  Breadcrumb / Paging 12px #000000
H1

Heading

32px #000000
H2

Subheader

28px #000000
H3

Titles

26px #0093AD
H4

Heading

16px #000000
P

Body Text

14px #000000
a Body Text 14px #0093AD;
small small text 12px #0093AD;

BUTTONS

Styles
Element Example Font Size Hex # Background Color
Button 12px #ffffff; #ff950c;

ICONS

Styles

LOGOS

SVGS

FORMS

ELEMENTS
Element Font Size Hex # Background # Border
12px #ffffff; #ff950c; 1 px #ff950c;
12px #ffffff; #ff950c; 1 px #ff950c;
12px #ffffff; #ff950c; 1 px #ff950c;
12px #ffffff; #ff950c; 1 px #ff950c;
12px #ffffff; #ff950c; 1 px #ff950c;
12px #ffffff; #ff950c; 1 px #ff950c;