Community School Now Enrolling for the 2024-25 Year! Learn More »

Menu
Search
Close this search box.

Style Guide

This style guide was developed to provide a quick and easy way for you to view and apply styles when adding content to your site.

The majority of styles can be applied using the WYSIWYG editor within the CMS. Simply select the text you want to apply a style to and pick the style you wish to apply. For more advanced edits, you can select the “Text” button in the WYSIWYG editor to add in additional styles.

Below are a series of styles and the corresponding code to create those styles. The majority of these styles can be applied using the WYSIWYG editor, however there are a few that will require editing the source code to add.

Font Style

The font used throughout this site is Lato, it can be downloaded for free from Google Fonts. Download Lato»

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

Blockquote goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

— John Smith

Purple #4C205B
Blue: #136291
Lime Green: #AFD468
Light Green: #F0F8E4
Light Gray: #EFEFEF
Dark Orange: #E0592B
Orange: #D57F00
Bullet List
  • Bullet list item 1
  • Bullet list item 2
  • Bullet list item 3
Numbered List
  1. Numbered list item 1
  2. Numbered list item 2
  3. Numbered list item 3