Foundations

These areas of design are the foundations on which the BBC online is built.

Grid

How our flexible, percentage-based grid works and how you’d apply it to design a BBC website.

  1. Updates
Graphic of five icons including sign in, download, love, audio and clown

Iconography

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.

  1. Updates
4 Items

Motion Design Principles

Our 3 key principles for designing with motion at the BBC.

Graphic of spacing units with arrows and guidance between page elements

Spacing Units

This guideline explains how to use spacing across BBC online

  1. v1

Typography

This guideline explains how to use typography across BBC online. It covers guidance on BBC Reith, and for teams still using Helvetica.

  1. Updates