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 Saira - 70pt

H2 Heading Saira - 42pt

H3 Heading Roboto - 32pt

H4 Heading Roboto - 20pt

H5 Heading Roboto - 18pt

H6 Heading Roboto - 16pt

Paragraph text - 18pt/1.8 line space
Blog Paragraph text - 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.

1. This is a ordered list
2. Lists are awesome
3. 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.