Templates and Components
Mason has several established templates that maintain our look and brand while allowing units the flexibility to create pages with their own look.
A template comes with basic pieces and forms — a place to add header photos, a footer with established information that goes on every page, and a design that allows those building a page to place various types of content.
Having established templates means:
- You'll have a good idea of how the final product will appear. Thing such as typographical fonts, brand standards, color palettes, logos, and photo sizes have been set, helping maintain standards and consistency across the Mason eco-system. The site will look professionally built because it is.
- You'll save time and money. A custom-designed website takes a lot of both. You can get a good-looking, functional site up reasonably quickly without spending a fortune.
- You'll have choices. Our templates feature a variety of colors and components that will allow you to make the site your own while following brand standards. Take a look at the sites we've already built. They're each unique, but still say "Mason."
- You'll have support from the Mason ITS team. Most of the back-end work has been done, and there's no code to write. If something goes wrong, our Drupal tech team can look into and resolve the problem.
Putting it Together
Mason has developed a set of website components that will allow you to create professional pages that are still distinctly yours. Some of these components are available on every page. They include:
- Intro Text. Larger, stylized text that introduces the page. You're not required to have an intro, but if you don't, you need a headline. You can also have both a headline and an intro, if you like.
- Body Text. Main text content on a page. Body Text is the component you're likely to use the most.
- Images. You'll use this to place a single image somewhere on the page. With very few exceptions, photographs must have a caption.
- Image Rotator. This component allows you to illustrate something with a selection of images.
- Video. Put videos from YouTube and Vimeo on your page. They must be closed-captioned. Mason's Assistive Technology Initiative will do it for free.
- Fast Facts Carousel. These are also called brag points. Use numbers to help tell the story of your unit.
- Calls to Action. Users select these buttons to take an action, such as, "Apply Now."
- Expandable Area. When you have a lot of material that might not be of interest to everyone, you can "store" it on the page without having it display all the time. Selecting the headline will open up a "drawer" of information for someone to read on demand.
- List of Links. If you have a lot of hyperlinks, you can group them in a highlighted list.
You don't have to use every component on every page, but having options helps you display your content in the most effective way while giving your site its own look and feel.