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
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.
H2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
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.
H3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
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.
H4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et.
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.
H5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit
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.
H6 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In est ante, pretium et, cursus quis, nonummy ut, lacus. Morbi volutpat ante ac elit
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.
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]
[row][col span="1/2"]1/2[/col][col span="1/2"]1/2[/col][/row]
[row][col span="1/3"]1/3[/col][col span="1/3"]1/3[/col][col span="1/3"]1/3[/col][/row]
[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]
[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]
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.
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.
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. 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. 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. 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. 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. 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. 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. 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.