You are looking at our Live Pattern Audit.
View the Patterns or learn more about this project.
The purpose of this site is to provide a live audit of all the patterns that are currently being used and developed across all the BBC product teams.
Carousels enable the user to browse and select from a set of related items within a limited area.
Drawers enable users to reveal additional content without leaving the curent page.
The footer always appears as the last item at the bottom of the page.
The header always appears at the top of the page. It contains the BBC logo and site-wide navigation.
The masthead contains the main title and product branding for your site and can also incorporate local navigation.
Players enable the user to play a number of different types of video, audio and animations files.
A modal overlay shifts the userâs focus from the main page to a single element or group of elements.
The main navigation enables users to access the various parts of your site and shows the current location.
Sed sodales nunc sed erat venenatis, vel euismod nulla pharetra. Cras rhoncus libero consectetur consequat scelerisque.
Pop-overs hover over the parent object and present more information and links to complete additional actions.
A promo has one action associated with it, so clicking takes the user to another page.
These patterns enable you to display live information that updates instantly.
Search tools enable users to perform searches across the entire BBC or within smaller data sets.
These patterns show how to integrate social media and other contributions from users into BBC pages.
Social and Contribution
Tables enable the display of structured data and help make the data easily readable, scanable and comparable.
Tabsets are used to switch between a number of different views within the same page.
These patterns deal with helping the user to enter, edit and save preferences within web pages.
Find out more about this project and how to contribute