ubuntu.com documentation
Help and guides for design patterns used on the ubuntu.com website.
These pages were created to help designers and developers talk about html and css patterns on the site and help developers implement them consistently.
Hero strips
Learn how to use suru strips that have been designed to be used on the header banners of each section of the website.
Takeovers
Get the code and see examples of the homepage takeovers.
Engage pages
Get the code and learn how to use the new Markdown templates for our engage pages.
Content strips
Get the code and see examples of suru strips designed to highlight sections across the pages.
Takeover archives
See screenshots of the old takeovers.