About
Template Information

About Clarity

Quick-Start templates are a great option for schools interested in launching a site on an accelerated timeline or for schools who are unable to commit resources to a full-scale Web design project. This guide will help you select the template that best fits your school’s brand and online communication goals.

All quick-start templates are built with onMessage’s responsive Web design (RWD) functionality, enabling the school’s site to scale and reposition for optimal display on each user’s device. The general explanation for how this works is that design elements such as photos or main navigation shrink proportionally from the full width of a large desktop monitor to an iPad display. On devices smaller than an iPad, continually shrinking features would render them too small to read or click, so the system switches from scaling to repositioning. 

The repositioning prioritizes elements from top to bottom, left to right, so a full-size design with a logo in the uppermost left corner will feature this graphic at the very top on the phone display. Media query settings in the CSS code are also used to control where items display at various screen sizes. Due in part to these settings, changes to quick-start templates in the design process are limited to logos, colors and fonts, and any requests for structural modifications may incur additional charges.
 

The Clarity Template

A premium design using our Mega Menu functionality, Clarity provides the user with a preview of what each section of your site offers. The marriage of vibrant and sophisticated styling results in a fresh and modern aesthetic.

Things to Think About

  • Mega Menu is ideal for large sites with content that could use special treatment to stand out amongst the rest.
  • It’s best to plan-out the content that will appear in the navigation menu prior to selecting this template.
  • Photography takes center stage on the home page and interior, which means a stockpile of professional-quality landscape images will deliver the most eye-catching design.
  • Scrolling will be necessary on the home page as shown, but it’s also important to note that the content areas on the home page can be changed or omitted altogether
  • Mega Menu works well with either a horizontal or vertical logo (a vertical logo will increase the height of the top block).