Skip to main content
British Red Cross homepage

Digital design at the British Red Cross

This site is the central source for digital design at the British Red Cross. Explore our design system, patterns, and design resources.

Start using the Design System

Welcome

The British Red Cross Design System is a set of documentation, components and patterns, designed to enable our staff and volunteers to create accessible, consistent, and human-centred digital experiences.

What’s new

Stay up to date with the latest updates, improvements, and additions to the design system.

  • [21/11/25] V1 British Red Cross Design System published: first collection of Foundations, Component and Pattern documentation, plus introduction guides and accessibility information released.

Get started

If you are new to the British Red Cross Design System you can learn more about using the system, and our principles and accessibility standards.

Introduction to the Design System

  • Foundations

    Explore the core elements that shape our design language, including colour, typography, spacing, accessibility, and tone of voice.

  • Components

    Browse our library of UI components designed for consistency, accessibility, and ease of use across all British Red Cross digital products.

  • Patterns

    Discover common user journeys and interaction patterns that help people navigate, donate, volunteer, and get support.

Join the community

We’re building this system together. Whether you're a designer, developer, content creator or product manager, your voice matters. Reach out directly to Brendan or Katy on the digital team, or request an invite our bi-weekly design system drop-ins where we talk all things design system and give everyone the opportunity to:

  • Share feedback.
  • Review new components.
  • Contribute improvements.
  • Ask questions.
  • Connect with peers.