General Principles

Introduction

This website serves two purposes:

  1. To document standard styles and patterns established by the Mizzou Framework. These styles and patterns are designed to adhere to the Mizzou Identity Standards.
  2. To document important goals and strategies used in the building of Mizzou websites.

Getting Started

This framework has several requirements in order to use.

Sass

All CSS in the Mizzou Framework is compiled from Sass source files located in src/scss/. There is no compiled CSS version of the framework. If you do not use Sass and only need assets for creating a web signature, use the Mizzou Web Signatures project files.

Autoprefixer

Autoprefixer is required to deal with CSS vendor prefixes. If you're not using a Sass compiler that enables this or our Gulp boilerplate, you'll need to integrate Autoprefixer into your build process yourself.

Browser Support

Our current browser support is the last 2 versions of modern browsers and Internet Explorer (IE) 9+. Versions of IE lower than 9 will not work with this framework and will receive a plain text stylesheet.

Images

Mizzou logos, wordmarks and graphics are available in various sizes. Exported, compressed files used in this framework are found in dist/images/. Source Adobe Illustrator files can be found in src/images/.

Note: MU logo assets aren’t meant to be used at a different size other than 100% of their file size. They have been pixel hinted to be as sharp as possible. Any enlarging or shrinking will distort the art.

Fonts

Proxima Nova (also on Typekit) and Janson are the two Web fonts used on Mizzou sites. Both require a license to use and are not included in the source files of the Framework.

Proxima Nova is the preferred default typeface with Janson as an optional decorative typeface. You don't need to purchase all weights or styles. At minimum, you would need regular, italic, bold (or semibold) and bold italic (or semibold italic) of Proxima Nova. Other weights and styles are acceptable in addition. Only embed the weights you need to keep page weights down.

JavaScript

Some components will require JavaScript to function, such as the navigation mixin's menu button, and can be found in src/js/. The framework doesn't require jQuery, but can work in conjunction with it.