Style Guide
Typography
Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale.
H1 Heading Goudy Old Style - 60/50pt
H2 Heading Goudy Old Style - 42pt
H3 Heading Montserrat - 37pt
H4 Heading Montserrat - 28pt
H5 Heading Montserrat - 21pt
H6 Heading Montserrat - 16pt
Paragraph text - Montserrat 18pt/1.5 line space
Blog Paragraph text - Montserrat 18pt/1.8 line space
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- This is a ordered list
- Lists are awesome
- Everyone loves a list
This is a Blockquote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button Use
Forms
Form buttons will use the "CTA-Primary" class as a default. If you need a white button, use the form option to "Select Alt Button" and the CTA-Five (white solid) will be used.
CTAs
Example buttons:
cta-primary →cta-secondary →