H1 - Open Sans 30px / 400; margin-bottom: 24px 

Paragraph - Open Sans 16px / 400; line-height: 28px; following most elements: margin-top: 0

Second paragraph tag has margin-top: 24px

H2 - Open Sans 24px / 600; margin-top: 32px

Lorem ipsum odor amet, consectetuer adipiscing elit. Litora faucibus sit curae ad aptent gravida faucibus eleifend. Viverra ullamcorper gravida est posuere dictum sed varius vitae. Lectus purus accumsan turpis bibendum nam ornare mus nulla ipsum. Magna bibendum diam bibendum metus faucibus pharetra. Pulvinar tempor natoque consectetur dolor dapibus ipsum. Conubia posuere bibendum hac convallis nisi porttitor. Massa at est massa felis fusce aliquet urna montes. Nulla nibh consequat facilisi fusce tristique.

Mollis feugiat integer habitant donec accumsan tristique dignissim platea. Nulla erat cubilia diam sit amet. Tortor velit nullam varius ac cras ornare dui. Curabitur felis ac urna cras sit in dapibus. Sapien tellus quam leo amet faucibus pulvinar adipiscing vestibulum. Gravida eleifend condimentum suspendisse velit duis senectus leo. Sem fusce nibh rhoncus maecenas torquent. Purus turpis commodo risus id nam nisi nulla non. Enim orci fusce lacus sodales dignissim. Euismod cras leo vivamus mollis parturient; venenatis ac ultrices varius.

H3 - Open Sans 20px / 600; margin-top: 32px

Lorem ipsum odor amet, consectetuer adipiscing elit. Sapien nam mauris, posuere potenti nisi dui turpis. Non non lacus posuere maximus nec vehicula placerat inceptos. Eleifend rutrum conubia sapien habitasse a justo imperdiet. Habitant aenean erat urna sociosqu vitae hendrerit dictumst. 

H4 - Open Sans 18px / 600; margin-top: 32px

Mollis feugiat integer habitant donec accumsan tristique dignissim platea.  Enim orci fusce lacus sodales dignissim. Euismod cras leo vivamus mollis parturient; venenatis ac ultrices varius.

H5 - Open Sans 18px / 600; margin-top: 32px

Eleifend rutrum conubia sapien habitasse a justo imperdiet. Habitant aenean erat urna sociosqu vitae hendrerit dictumst. 

H6 - Open Sans 18px / 600; margin-top: 32px

Sapien tellus quam leo amet faucibus pulvinar adipiscing vestibulum. Gravida eleifend condimentum suspendisse velit duis senectus leo. Sem fusce nibh rhoncus maecenas torquent. 

1. Sem
   1. lowercase-alpha
   2. lowercase-alpha
2. rhoncus
   1. uppercase-alpha

Uppercase - only works in text block

Open modal button

H1 - Default (no style) - 30px

H1 - Giga - 24px

H1 - Kilo - 20px

H1 - Mega - 16px

H1 - Milli-plus - 14px

H1 Minor - 12px

H2 - Default (no style) - 32px

H2 - Giga - 24px

H2 - Kilo - 20px

H2 - Mega - 16px

H2 - Milli-plus - 14px

H2 Minor - 12px

H3 - Default (no style) - 20px

H3 - Giga - 24px

H3 - Kilo - 20px

H3 - Mega - 16px

H3 - Milli-plus - 14px

H3 Minor - 12px

p - Default (no style) - 16px

p - Giga - 24px

p - Kilo - 20px

p - Mega - 16px

p - Milli-plus - 14px

p Minor - 12px

Button Primary

Button Secondary

Button Link

Button Tertiary

Note to content authors - you must create a hyperlink before adding the style

• Capsule Alert
• Capsule Primary
• Capsule Secondary
• Capsule Success
• Capsule Warn

Note to content authors - must be in a list to render