The following are the fundamentals that comprise the PPL Labs brand.
We are very proud of our logo, and require that you follow these guidelines to ensure it always looks its best.
Use of the PPL icon is permitted in certain cases, namely in use for Profile Images or as a Favicon.
PPL Blue is to be used on anything clickable and to emphasize certain elements/visuals.
White is our primary background color and as an alternate font color on dark backgrounds.
Charcoal is our primary font color. It is also permitted to be used as an icon color in certain cases.
Seashell is an alternate background color.
PPL Labs uses two families of fonts:
Proxima Nova – 60px
Proxima Nova – 36px
Proxima Nova – 32px
Proxima Nova – 28px
Roboto Slab – 18px
When properly formatted, PPL Buttons should look like this:
Proxima Nova – Bold
Border Radius – 3px
Rules with Buttons
In order to maintain a consistency that encourages users to take actions on our website, please refer the following rules regarding buttons.
Buttons must always be PPL Blue.
Button text must always be Proxima Nova.
Button text must always be bold.
Button Text must always be in Caps Case.
Buttons must always have a border radius of 3px
Button Icons should never come after the text.
Buttons should never have hover effects.
Buttons should never have hover animations.