Layout

Template

CI has created templates for use by all officially recognized University organizations.

All officially recognized University organizations should use these templates in the creation of their web sites to ensure a consistent, and professional visual identity. The consistent use of these templates also increases site usability while minimizing visitor confusion and/or frustration due to constantly changing page elements.

The templates have been designed with a number of variations to enable more choices for display of content, while maintaining the consistency needed to create a unified digital identity.

Schools and academic departments/programs, such as Business School, School of Education, Art program, biology, computer science, etc., may have their own template, but it still must retain most common branding elements (as defined in this Style Guide).

Exceptions to template usage as indicated here must be approved by the Vice President of Technology & Communication prior to implementation. 

Relative sizing of window and page elements

The design of a Web page should facilitate graceful resizing of layout, navigation, and content when a visitor resizes their browser window.

Web page elements should be designed to support the user's ability to adjust image and text size through the browser settings.

Sizes of page elements (fonts, containers or bounding boxes, images) should be specified in relative units (percentage or em units) whenever possible.

Multimedia

All videos provided on Web pages must be captioned and be accompanied by a text transcript.

All audio recordings provided on web pages must be accompanied by a text transcript.