Cookies on ons.gov.uk

Cookies are small files stored on your device when you visit a website. We use some essential cookies to make this website work.

We would like to set additional cookies to remember your settings and understand how you use the site. This helps us to improve our services.

You have accepted all additional cookies. You have rejected all additional cookies. You can change your cookie preferences at any time.

Skip to main content

Design system

Use our foundations, components and patterns to design and build accessible services

What's new - 72.0.0

The main improvements and essential changes in this release include:

  • updating the spacing grid and line height standardisation for components
  • standardising the structure and naming of parameters across components
  • introducing the ability to add an additional logo to the footer component
  • removing "Metadata" and "Call to action" components

This release includes several breaking changes that may impact your projects. Please follow the Migration guide (opens in a new tab)  for a smooth transition.
View full release notes (opens in a new tab) 

Guidance

Everything you need to get set up on the design system, and guidance on how to use it

Foundations

Set up the ONS templates and styles to start building consistent digital products

Components

Select the components you need to build your digital product

Patterns

Combine components to help users carry out common tasks