BBC Global Experience Language
BBC GEL / 2010– / Style / Platform Screen Languages
BBC's global experience language unifies news, video, audio and children's products through readable hierarchy, accessible media controls and reusable editorial components.
At a glance
Visual cues
- Black header over white content
- Short bold headlines
- News cards with consistent image ratios
- Highly visible focus, captions and playback controls
Best used for
- Media sites mixing articles, audio and video
- Delivering the same content across devices and assistive technology
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- Write short bold headlines and label content so it works without an image.
- Composition
- Keep card ratios consistent but let editorial importance change their size and order.
- Material
- Use black and white as the base, with one section or programme color.
- Caution
- An even card grid erases editorial judgment. Express importance through area and sequence.
- Further study
- GEL foundations / Progressive enhancement / Media accessibility
Related entries
- GOV.UK Design System (GOV.UK デザインシステム)Same Platform Screen Languages lineage.Compare BBC Global Experience Language and GOV.UK Design System
- GitHub Primer (GitHub Primer)Same Platform Screen Languages lineage.Compare BBC Global Experience Language and GitHub Primer
More from Platform Screen Languages
Continue through styles in the same Platform Screen Languages family, prioritised by shared effects.
- Mozilla Protocol (Mozilla Protocol)Shared effects: Technique / Trust / Exhilaration.
- Elastic UI (Elastic UI)Shared effects: Technique / Trust / Exhilaration.
- Motif (モチーフ)Shared effects: Technique / Trust.
Browse all Platform Screen Languages entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/bbc-gel
- Markdown
- [BBC Global Experience Language — IndexStyle](https://indexstyle.org/styles/bbc-gel)
- HTML
- <a href="https://indexstyle.org/styles/bbc-gel">BBC Global Experience Language — IndexStyle</a>