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

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 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

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

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.