Style Guide
TPM Logo TPM Awards The Portrait System
Primary Colors
#333333
#666666
#856b43
#253b5d
Secondary Colors
#dad9d2
#eeeeee
#f2f2f2
#e4bd48
#3498df
Styles
H1: 28px Lato
H2: 28px Lato
H3: 20px Lato
H1.script: 46px Bromello
Text Link: #856b43
Buttons: 14px Lato Bold
Default Button
White Button
Main paragraph text: 16px Lato. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Fonts
Primarily used for large headlines
Quite thin when used for small text
Our default font site-wide
Works well for small geadlines and paragraph copy
Bold version of our main font
Mostly used for buttons and other bold text
Script typeface
This is similar to the logo script
