Ubuntu web style framework

Build Status

Ubuntu web style framework is a guildelines framework to help you acheieve a consistent look, bringing the Ubuntu and Canonical brands to the web with precision. Here you will find the Ubuntu web style guide and a front-end framework, which you can apply to your web projects maintained by the Canonical Web Team.

Sites created within Canonical should follow this style guide closely, whereas external sites are free to adapt and expand the existing components to their needs.

To get started and see examples go to our design site.


Getting started

Clone the repository or download it.

Install Node.js (> 2.0):

# On Ubuntu:
sudo apt install nodejs nodejs-legacy
curl -L https://npmjs.com/install.sh | sudo sh`

Install all other dependencies:

npm install                  # NodeJS dependencies





Code: Fork us on: https://github.com/ubuntudesign/web-style-guide

Bugs: https://github.com/ubuntudesign/web-style-guide/issues


Keep upto date with all new developments and upcoming changes with the Ubuntu web style framework

  • Follow us on Twitter @Ubuntudesigners
  • Read our latest blog posts at Canonical Blog
  • Talk to the team in IRC on irc.freenode.com and join channel #ubuntu-website


Code and documentation copyright 2015 Canonical Ltd. Licencing LGPLv3.