The Wayback Machine - https://web.archive.org/web/20110401191550/http://www.bbc.co.uk/guidelines/gel/

GEL 3.0 Authentic, Current, Pioneering, Modern British, Local/Global, Compelling, Distinctive, Joined-up, Universal, Best.

Building a Global Experience Language for the BBC

We are evolving a global experience language for the BBC’s digital services.

The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).

This is probably the best job in the world!

Neville Brody, Research Studios

Download
GEL styleguide

Building Blocks

Typography

Large bold type should be used to establish a clear information hierarchy.

Foundations

Universal Grid

Your starting point is a universal grid, divided into 61 x 16px vertical units.

Foundations

The Masthead

The global masthead retains the current global navigation links with additional links.

Patterns

Overlay Panels

The overlay panel is an interaction pattern that is used to shift the user's focus from the main page to a single element or group of elements.

Patterns

Horizontal Navigation

The local navigation gives the user a sense of the scope of what’s available, and indicates the user’s position in that scope.

Philosophy

Cultural Map GEL is the glue that ties all BBC services together

bbc.co.uk navigation

BBC © 2011 The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.