Best Practices Examples

The best practices templates were last updated by WSG members in September 2014.

The following templates adhere to the best practices described throughout this guide:

Fixed Width Layout

A fixed width template that remains at a static width regardless of the size of the user's browser.

Responsive Layout

A responsive template that dynamically adjusts based on the size of the user's browser.


Download a zip archive containing both layouts to use them within your websites.

Download the PSD file to make your own UCSB header image (Minion Pro Condensed font)