BBC · Design system breakdown
Global Experience Language — the BBC's cross-platform brand and UI system.
The BBC introduced GEL (Global Experience Language) in 2010 to unify BBC web, mobile, and TV product surfaces. It has evolved through multiple iterations and remains the canonical reference for the BBC's audience-facing products: News, Sport, iPlayer, Sounds, and more.
BBC Design System team maintains GEL as part of the BBC's broader design org. Public guidance documents are published; the production component implementations are largely internal but inform open releases like the BBC's content guidelines and accessibility standards.
| Token | Value | Role |
|---|---|---|
| Primary text | #141414 | BBC News default text (light) |
| Brand red | #bb1919 | BBC News brand color |
| Secondary text | #5a5a5a | Metadata, timestamps |
| Spacing unit | 8px | Base spacing step |
| Font family | BBC Reith Sans | Editorial sans-serif |
| Focus outline | 3px solid #ffd230 | High-visibility focus |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Study GEL if you're building media, news, or editorial products at scale across web, mobile, and TV. The publicly documented patterns for navigation, content lists, and player UIs are useful far beyond the BBC.
Compare more systems