BBC brand guidelines
BBC GEL is the BBC's shared digital experience framework, featuring foundations, practical how-to guides, motion principles, and studio culture articles.
Freedam's take — I have always appreciated how the BBC documents digital craft in public through GEL. It goes well beyond typical interface tokens by including practical guides for specific media, from voice interfaces to games onboarding and accessible error messaging. The motion guidelines stand out to me because they break down movement into simple, deliberate goals: connect, guide, and delight. Seeing studio culture and trainee spotlights sitting directly alongside core foundations like typography and grids gives the whole system an inviting, human touch that feels rooted in real team practice.
Details
- Type
- Guidelines
- Access
- Public
- Source
- bbc.co.uk
- Industry
- Media & entertainment
- Capabilities
- Guidelines, Asset browsing, Search
- Tags
- accessibility, motion design, typography, iconography, ui components, comprehensive
- Added
- Last checked
What I noticed
- The framework organizes its guidelines into Foundations, Design Patterns, and How-tos.123
- Motion design principles are structured around three core tenets: Connect, Guide, and Delight.456
- The documentation covers specialized formats including voice experiences, children's design, and accessible gaming.789
- Foundations cover core elements including GEL Icons Reith Suite, Grid, Motion Design Principles, Spacing Units, and Typography.1011121314
Numbers refer to the screenshots above.
What I could not see
- Could not inspect actual asset download files or code packages.
- Could not view the contents of the Design Patterns category.
Ideas to borrow
- Provide tactical how-to articles addressing unique media formats and accessibility needs rather than strictly providing static UI components.
Reviewed on 18 September 2026. Request a correction · I built this
