Content Style Guide

This is a H2

This is a H3

This is a H4

This is a H5

This is a H6

This is regular paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in erat faucibus, gravida ligula sit amet, bibendum lorem. Suspendisse potenti. Duis dapibus auctor dapibus. Praesent placerat ex cursus nibh tincidunt condimentum. Praesent tortor quam, euismod eu libero et, cursus posuere nunc. 

This is marketing text. Bigger than regular paragraph text and an alternative, can be used to highlight important text.

This is Testimonial Heavy text. 

This is called Infographic Small text and can only be used in all caps.

this is infographic large text and can also only be used in all caps.

this is called liberator text. for big callouts in all caps.

This is called Statement Text, can be used independently or in conjunction with other header styles.

Dark Blue Button

Light Blue Button

Green Button

Yellow Button

Dark Blue Outline Button

Light Blue Outline Button

Green Outline Button

Yellow Outline Button

Small Button

Large Button

100% Wide Button

50% Wide Button

25% Wide Button

These are referred to as Templates.

This is 2-Across 

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

 This is 3-Across  

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

This is 4-Across 

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

This is 50% centered. 

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

This is 66% centered. 

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

This is 80% centered. 

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

This is 100% centered. 

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

This is full bleed.

Image

Some more variations in terms of tiles and their widths:

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Testimonial options:

 

Image

'Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud'

Person Name 
GW Affiliation Line

 

 

'Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud'

Person Name 
GW Affiliation Line

Image

 

These are called 'Cart Styles'.

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Image

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Headline (optional)

Body Copy: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

 These are called 'Buff Boxes'.

 These are not "Buff" but "Blue Boxes":

These are what they refer to as Facts Rows. And they animate! The maximum is 5.

Tabs:

Accordions:

Accordion Title

In quam nisi, hendrerit vitae tempus quis, sollicitudin sed risus. Nullam consectetur, metus pretium gravida consectetur, quam massa efficitur justo, vitae elementum leo diam eget justo. Donec scelerisque nibh ut odio tincidunt, ut efficitur libero lacinia. Cras porttitor bibendum justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec purus velit, maximus in ornare aliquam, porttitor quis purus. Morbi consequat id ligula ac ullamcorper.

Accordion Title #2

In quam nisi, hendrerit vitae tempus quis, sollicitudin sed risus. Nullam consectetur, metus pretium gravida consectetur, quam massa efficitur justo, vitae elementum leo diam eget justo. Donec scelerisque nibh ut odio tincidunt, ut efficitur libero lacinia. Cras porttitor bibendum justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec purus velit, maximus in ornare aliquam, porttitor quis purus. Morbi consequat id ligula ac ullamcorper.

You can insert special characters, the most useful of which I believe will be the arrows:

← → ↑ ↓ ⇐ ⇒ ⇑ ⇓ ⇠ ⇢ ⇡ ⇣ ⇤ ⇥ ? ? ? ? ?

This is a blockquote.

This is a table:

They have font awesome icons:

Gallery Item 

This is bold text. This is italic. This is strikethrough.

Ordered List:

1. Item#1
2. Item#2
   1. Sub Item #1
   2. Sub Item #2
3. Item#3

Unordered List:

• Item#1
• Item#2
  • Sub Item #1
  • Sub Item #2 
• Item#3

Indented Text