BBC · Design System
BBC Design System · v2026.05

Sections, in every flavour we ship.

Numbered building blocks for everyone who ships in BBC's brand voice — designers, copywriters, Claude, ChatGPT, Figma, Webflow, Pinegrow, Bricks. Every plate, asset, block and template has a stable ID. Reference any item by saying "use <BBC.B.027>" and the receiving human or tool knows exactly what you mean. JSON endpoints alongside every page.

BBC.F.###

Foundations

Brand tokens, typography, voice, logos. Start here.

14 colors · 5 fonts · 3 gradients
BBC.P.###

Plates

Background inventory with text-safe-zone overlays.

12 plates
BBC.A.###

Assets

Characters, team, mockups, client + partner logos, props.

71 assets
BBC.B.###

Blocks

Numbered building blocks. Hero, breaks, pricing, CTA…

65 blocks
BBC.T.###

Templates

Full document playbooks: proposal, deck, audit, report.

8 templates
BBC.R.###

References

External + local docs + prompt templates for AI tools.

7 docs · 3 prompts

For machines

Every page emits a .json sibling — the master /manifest.json points to all of them. Drop the URL into Claude, ChatGPT or any tool and ask it to compose.

/manifest.json Master index — every numbered item with type + summary open →
/foundations.json Tokens (colors, fonts, gradients, voice, logos) open →
/plates.json Plate inventory with safe-zone metadata open →
/assets.json Asset library (characters / team / mockups / logos / props) open →
/blocks.json Block catalog with category / plate-compat / preview-url open →
/templates.json Template playbooks — block sequences for full docs open →
/references.json External + local doc URLs + AI prompt templates open →