style guide

Element

All H1 Headings

Element

All H2 Headings

Element

All H3 Headings

Element

All H4 Headings
Element
All H5 Headings
Element
All H6 Headings

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

paragraph-small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

paragraph-medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

paragraph-large
  • Unordered List Lorem Ipsum
  • Unordered List Lorem Ipsum
  • Unordered List Lorem Ipsum
All Unordered Lists
  1. Unordered List Lorem Ipsum
  2. Unordered List Lorem Ipsum
  3. Unordered List Lorem Ipsum
All Ordered Lists
Text Block Lorem Ipsum
Body (All PAges)
Text Link Lorem Ipsum
All Links
Block Quote Lorem Ipsum
All block quotes
gradient-base-1
gradient-base-2
gradient-base-3
gradient-base-4
gradient-mix-1
gradient-mix-2
gradient-mix-3
gradient-mix-4
gradient-primary-1
gradient-primary-2
gradient-primary-3
gradient-primary-4
Lorem Ipsum
text-color-light-1
Lorem Ipsum
text-color-light-2
Lorem Ipsum
text-color-light-4
Lorem Ipsum
text-color-light-4
Lorem Ipsum
text-color-dark-1
Lorem Ipsum
text-color-dark-2
Lorem Ipsum
text-color-dark-3
Lorem Ipsum
text-color-dark-4
Lorem Ipsum
text-align-left
Lorem Ipsum
text-align-middle
Lorem Ipsum
text-align-right
Button
button
Button
button
secondary
Button
button
tertiary
container
container medium
container small
margin-small-top
margin-medium-top
margin-large-top
margin-small-bottom
margin-medium-bottom
margin-large-bottom
margin-small-left
margin-medium-left
margin-large-left
margin-small-right
margin-medium-right
margin-large-right
margin-small-all
margin-medium-all
margin-large-all
padding-small-top
padding-medium-top
padding-large-top
padding-small-bottom
padding-medium-bottom
padding-large-bottom
padding-small-left
padding-medium-left
padding-large-left
padding-small-right
padding-medium-right
padding-large-right
padding-small-right
padding-medium-right
padding-large-right
section
section
hero
section
nav