Best Practices Examples

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)