This is the index page for all GEL Guidelines
This guideline will talk about how to design animated images that are safe and accessible for all.
This guideline provides an overview of how to craft a fantastic user experience for an interactive TV app.
The Games Framework (also known as Games GEL) helps us make consistent experiences for all of our games and apps for children.
This guideline shows our full suite of BBC icons and explains how to use them. They’re designed to create a consistent look across all our digital platforms.
An icon to indicate to users they’re about to be redirected to an ‘external’ website.
This guideline will talk about the rules to follow when using Reactions in your product.
This guideline explains how to use typography across BBC online. It covers initial guidance for using BBC Reith and guidance for teams still using Helvetica.
Location settings allow you to manage your location preferences across all BBC products.
The Share Tool allows you to share BBC content on social media.
Autoplay allows you to automatically move onto another audio or video item when you’ve come to the end of the one you’re currently watching or listening to.
Recommendations Feedback options allow you to give feedback on your personalised recommendations.
Account in Apps provides a way to Sign into the user’s Account and give them access to their account information.
This guideline will show you our principles for designing accessible email newsletters that can be used by everyone
A set of messages for use in apps that give you immediate feedback in response to an action taken or system failure
Launch Screen is the first page that appears in your app. It lets you know that something is happening whilst the app is loading.
Onboarding is a sequence of screens that appear after the App Launch screen but before the App Home Screen.
A carousel is a great way to view lots of content in a limited amount of vertical space.
Topic Management allows you to add and/or remove your favourite or most relevant topics, allowing users to customise their apps to suit their tastes.
This guide will talk about the workflow of collecting, designing, delivering and testing assets for use on Apps.
The Settings screen is an important area of an app. Here you can easily control the changeable elements of the app.
A side drawer menu is an easy and quick way to navigate around and discover different areas within an app.
The App Information screen is where you can access all the important information relating to your app.
These principles create a common language that describes how to make great digital experiences for children.
Content Utilities are actions that can be added to a piece of content, for example Add, Love or Share.
The ‘Sign in or Register' call to action is the only way you can sign into websites and apps. This guideline applies to all versions of BBC account
An Accordion is a simple way of showing, hiding and breaking down content.
Cards allow you to quickly preview and share content, without the need to leave the page you’re on.
This guide will show you what an infographic is, the principles behind them and the style we use to bring them to life.
This guideline explains how our flexible, percentage-based grid works and how you can use it to design a BBC website.
The pocket pattern allows you to reveal additional content without leaving the page you are on.
This guideline will introduce accessibility thinking and how to design usable experiences for everyone.
Filtering lets you refine content by selecting different options to suit what you’re looking for.
Tabs make it easy to view and navigate stacked panels of related content.
A promo is a snippet of content which links to a full piece of content elsewhere on the BBC site or app.
Preferred location sets location across all BBC products. Once a preferred location is set, products then show the relevant information for that location.
Global Search is found in the global navigation and appears across every BBC site.
Information panels give you space to show more text, images, icons and links about something on a page.
Local search allows you to search within a product. This means that the search is more focused and you’ll only see the results from the product you’re using.
Numbered pagination is useful when you’ve got lots of content to show. It lets you navigate through it simply and quickly.
The masthead is the area at the top of every BBC page that contains global navigation and the branding.
This guideline will explain how to design for touch across responsive BBC sites.
This guideline will show you our Responsive Web Design principles for designing great experiences for browser-based products.
We'd love to know what you think of the GEL website.