General page styles
Headlines
Font-family = Roboto
Font-weight = 300
Color = #502d7f
Line-height = 1.5em
Padding-bottom = 20px
Bold Font-weight = 700
Heading 1
Bold Heading 1
40px
Heading 2
Bold Heading 2
34px
Heading 3
Bold Heading 3
29px
Heading 4
Bold Heading 4
24px
Heading 5
Bold Heading 5
21px
Heading 6
Bold Heading 6
18px
Dark BG Headlines
Font-family = Roboto
Font-weight = 300
Color = #ffc82e
Line-height = 1.5em
Padding-bottom = 20px
Bold Font-weight = 700
Heading 1
Bold Heading 1
40px
Heading 2
Bold Heading 2
34px
Heading 3
Bold Heading 3
29px
Heading 4
Bold Heading 4
24px
Heading 5
Bold Heading 5
21px
Heading 6
Bold Heading 6
18px
Body Copy
Font-family = Roboto
Font-weight = 300
Font-size = 17px
Color = #656565
Link color = #0082e4
Link font-weight = 500
Line-height = 1.7em
Padding-bottom = 20px
Bold Font-weight = 700
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
Dark BG Body Copy
Font-family = Roboto
Font-weight = 300
Font-size = 17px
Color = #ffffff
Link color = #ffc82e
Link Border-bottom = 1px solid #ffc82e
Link font-weight = 500
Line-height = 1.7em
Padding-bottom = 20px
Bold Font-weight = 700
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
Note: button on dark bg has no shadow
Primary Colors
#502d7f
#ffc82e
Secondary Colors
#f0efff
#0082e4
#fafafa
#656565
#ffffff
Buttons
Blue button styles
Font-family = Roboto
Font-weight = 500
Font-size = 16px
Color = #ffffff
Text = Uppercase
Padding top & bottom = .3em
Padding left & right = .1em
Border- radius = 3px
Shadow =
box-shadow: 0 5px 20px #d6dee4;
-moz-box-shadow: 0 5px 20px #d6dee4;
-webkit-box-shadow: 0 5px 20px #d6dee4;
White button styles
color: #0082e4
Border-width: 1px
Border-color: #dadada
Background-color: #fffffff
Button with icon hover
Padding left= 1em
Padding right= 2em