Style Guide

Sample page body copy. Sample text link , bold text , italic text . In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit. Phasellus gravida. Vestibulum egestas interdum est. Aenean quis nisi vitae ante pretium convallis. Nulla facilisi. Curabitur non justo. Sed massa. Aenean diam lectus, aliquet vel, blandit sed, euismod in, tortor. Cras interdum. Etiam hendrerit vehicula nunc.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit. Phasellus gravida. Vestibulum egestas interdum est. Aenean quis nisi vitae ante pretium convallis. Nulla facilisi. Curabitur non justo. Sed massa. Aenean diam lectus, aliquet vel, blandit sed, euismod in, tortor. Cras interdum. Etiam hendrerit vehicula nunc.

H1 Lorem ipsum dolor sit amet

H2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et.

H5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit

H6 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit

Colors

Default Text

Blue

Light Blue

Dark Blue

Orange

Red

Blockquote

Blockquote ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit. Phasellus gravida. Vestibulum egestas interdum est. Aenean quis nisi vitae ante pretium convallis. Nulla facilisi. Curabitur non justo. Sed massa. Aenean diam lectus, aliquet vel, blandit sed, euismod in, tortor.
Cras interdum. Etiam hendrerit vehicula nunc.

Icons

[icon which="TwoPeople"]
[icon which="adultChild"]
[icon which="arrow-down"]
[icon which="arrow-left"]
[icon which="arrow-right"]
[icon which="arrow-up"]
[icon which="arrow2-down"]
[icon which="arrow2-left"]
[icon which="arrow2-right"]
[icon which="arrow2-up"]
[icon which="bed"]
[icon which="bible"]
[icon which="binoculars"]
[icon which="bowl"]
[icon which="breadLoaf"]
[icon which="building"]
[icon which="campFire"]
[icon which="chapel"]
[icon which="checkMarkSheild"]
[icon which="circleGraph"]
[icon which="cup"]
[icon which="cycle"]
[icon which="directionalSign"]
[icon which="dove"]
[icon which="familyOf3"]
[icon which="firstAidBox"]
[icon which="flames"]
[icon which="foldedShirt"]
[icon which="forkShovel"]
[icon which="gift"]
[icon which="globe"]
[icon which="graduate"]
[icon which="handGlobe"]
[icon which="handHolding"]
[icon which="handHoldingGift"]
[icon which="handHoldingPlant"]
[icon which="handsHoldingHouse"]
[icon which="handsPerson"]
[icon which="handshake"]
[icon which="house"]
[icon which="house2"]
[icon which="lightbulb"]
[icon which="magnifyGlass"]
[icon which="microphone"]
[icon which="moneyStack"]
[icon which="movingUpArrow"]
[icon which="navigation"]
[icon which="noDollars"]
[icon which="openEnvelope"]
[icon which="paperStacks"]
[icon which="penAndPaper"]
[icon which="penChatBubble"]
[icon which="peopleGroup"]
[icon which="personReading"]
[icon which="plane"]
[icon which="playButton"]
[icon which="player"]
[icon which="pushingButton"]
[icon which="questionBubble"]
[icon which="quotes"]
[icon which="scaleCups"]
[icon which="schoolHouse"]
[icon which="strawberries"]
[icon which="sunrise"]
[icon which="talkingBubbles"]
[icon which="thermoter"]
[icon which="thoughtBubble"]
[icon which="threeBooks"]
[icon which="thumbsUp"]
[icon which="twoPeopleInFrontOfGlobe"]
[icon which="twoRingPaper"]
[icon which="womanHoldingABaby"]

Buttons

[button href="#" class="red"]red[/button] [button href="#" class="red outline"]outline button[/button] [button href="#" class="red outline sweep"]outline button (hover sweep)[/button]red outline button outline button (hover sweep)

[button href="#" class="orange"]orange[/button] [button href="#" class="orange outline"]outline button[/button] [button href="#" class="orange outline sweep"]outline button (hover sweep)[/button]orange outline button outline button (hover sweep)

[button href="#" class="blue"]blue[/button] [button href="#" class="blue outline"]outline button[/button] [button href="#" class="blue outline sweep"]outline button (hover sweep)[/button]blue outline button outline button (hover sweep)

[button href="#" class="light-blue"]light-blue[/button] [button href="#" class="light-blue outline"]outline button[/button] [button href="#" class="light-blue outline sweep"]outline button (hover sweep)[/button]light-blue outline button outline button (hover sweep)

[button href="#" class="dark-blue"]dark-blue[/button] [button href="#" class="dark-blue outline"]outline button[/button] [button href="#" class="dark-blue outline sweep"]outline button (hover sweep)[/button]dark-blue outline button outline button (hover sweep)

Grid

[row][col span="1/1"]1/1[/col][/row]

1/1

[row][col span="1/2"]1/2[/col][col span="1/2"]1/2[/col][/row]

1/2

[row][col span="1/3"]1/3[/col][col span="1/3"]1/3[/col][col span="1/3"]1/3[/col][/row]

1/3

[row][col span="1/4"]1/4[/col][col span="1/4"]1/4[/col][col span="1/4"]1/4[/col][col span="1/4"]1/4[/col][/row]

1/4

[row][col span="1/5"]1/5[/col][col span="1/5"]1/5[/col][col span="1/5"]1/5[/col][col span="1/5"]1/5[/col][col span="1/5"]1/5[/col][/row]

1/5

Example grid setup. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit. Phasellus gravida. Vestibulum egestas interdum est. Aenean quis nisi vitae ante pretium convallis. Nulla facilisi. Curabitur non justo. Sed massa. Aenean diam lectus, aliquet vel, blandit sed, euismod in, tortor. Cras interdum. Etiam hendrerit vehicula nunc.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus.

Logos

[logos]

http://example.com/path/to/image.jpg

http://example.com/path/to/image.jpg|http://example.com/page.html

http://example.com/path/to/image.jpg|/relative/click/through/path/

[/logos]

Sample text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit. Phasellus gravida. Vestibulum egestas interdum est. Aenean quis nisi vitae ante pretium convallis. Nulla facilisi. Curabitur non justo. Sed massa. Aenean diam lectus, aliquet vel, blandit sed, euismod in, tortor. Cras interdum. Etiam hendrerit vehicula nunc.