Style Guide

Colors

Typography

H1

H2

H3

H4

H5
H6

Font Icons

  1. laptop_mac
  2. spoon-knife
  3. lab
  4. bullhorn
  5. bin-icon
  6. paste
  7. gift
  8. music-note
  9. chat
  10. credit
  11. pencil
  12. globe
  13. graduation-cap
  14. heart
  15. hour-glass
  16. pie-chart
  17. trophy
  18. open-book
  19. tree-icon
  20. direction-icon
  21. search
  22. star
  23. lock
  24. map-marker
  25. calendar
  26. retweet
  27. twitter
  28. facebook
  29. envelope
  30. cup-icon
  31. mail-reply
  32. anchor
  33. instagram
  34. map-o

Body Text

Optional lead-in sentence style. Droid Sans Regular 24/28px #656565; 20px bottom-margin

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Bold Italic Hyperlink
  • Unordered List
  • Unordered List
  • Styled List
  • Styled List
  1. Ordered List
  2. Ordered List

Content Module

Headline (H5)

Small body copy 15/20px. Maecenas faucibus mollis interdum. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada

Table Header Table Header
Table Data Table Data
Table Data Table Data
Table Data Table Data
Table Data Table Data

“Quote style. Droid Serif Italic 17/21px; #656565. Select text to highlight it and choose "blockquote" from the styles pull down menu. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.” Select "cite" from the styles pull down menu

Callout Block Style. Select text to highlight it and choose "callout" from the styles pull down menu. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Lorem ipsum dolor sit amet.

Accordion 1

Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Intteger posuere erat a ante venenatis dapibus posuere epsullum id ellit.

Accordion 2

Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Intteger posuere erat a ante venenatis dapibus posuere epsullum id ellit.

Accordion 3

Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Intteger posuere erat a ante venenatis dapibus posuere epsullum id ellit.

Tab 1

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.

Tab 2

Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Tab 3

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum.

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit.

Tab 4

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.

Calendar

News

The class cooked a traditional Hawaiian meal as part of its cultural studies.

Powered by Finalsite