UBC Common Look & Feel

The UBC Common Look and Feel (CLF) is a web design framework that provides a common look and functionality to UBC websites. It includes a header and footer that appear on every page of your website, as well as a number of other common elements and features. A primary goal of the CLF is to provide a consistent experience across the web at UBC.

The latest version of the UBC CLF was released in September 2012 and contains a number of design and usability improvements that take the needs of the many audiences of the University into account. The biggest change in the new CLF is an integrated responsive web design. This means that your website will be compatible with all devices, ranging from desktop computers to tablets and smartphones.

A more in-depth look at the components of the CLF is available on MedNet.

If you have questions about the CLF and how it may apply to your website, please see the MedNet page and the frequently asked questions about the CLF. You can also contact us at digitalcomms.med@ubc.ca.


The UBC Common Look and Feel (CLF) provides a common look and functionality to UBC websites. It includes a header and footer that appear on every page of your website. You can see and experience the CLF at med.ubc.ca.

Today, people have more ways than ever to access the web: smartphones, tablets, notebooks, desktops, and televisions represent just a few categories in the Internet-accessible tech landscape. Responsive web design takes this into account.

A responsive website is flexible in nature and responds or adapts to the size of the device on which the site is accessed. The end goal of responsive design is to make it easier for users to experience the content on a site.

The UBC CLF utilizes a responsive design. Click on the screenshots below to see how the site layout changes based on different screen sizes.


Smartphone Screenshot

CLF Tablet Screenshot

Tablet Screenshot

CLF Desktop screenshot

Desktop Screenshot

The way people are consuming information is changing and there is a growing trend of mobile device usage. Responsive design addresses this change and provides a consistent user experience on any device, not just desktops.

Please visit MedNet for more details about the CLF.

We can work with you to implement the CLF; please contact us at digitalcomms.med@ubc.ca and we can start planning from there.

Yes. If you are using a platform other than WordPress, we will consult with you to analyze your options and find the right solution. Please contact us at digitalcomms.med@ubc.ca.

One of the high level goals of the CLF is to create a predictable user experience across UBC affiliated websites. As such, it is highly recommended that all units within UBC adopt the CLF. If you are unsure as to whether your unit qualifies for the CLF, please contact us at digitalcomms.med@ubc.ca.

We recommend that you contact us first so that we can talk about the individual needs of your site. We may be able to help, saving you the need to pay for an external resource. If you wish to hire on an external resource to help with your web development, visit our guidelines for external developers on MedNet. We are also happy to liaise with external developers and designers to help integrate their work into the CLF.

In the CLF items that appear on the left side of the page appear at the top of the content in a mobile view. Items that are on the right side of a page will move to the bottom of the content. This is done to allow for the most amount of screen space for content.