The British Gas Design System
The design system of British Gas
Components
purpose, configure, specification
Guidelines
principles, accessibility, tokens, assets
Patterns
customer experience, engaging approaches
Page types
start, confirmation, guide, hub
Latest release
v3.0 | 29 February 2024
New platform, content reorganisation and updates, automated content, example feature with code snippets.
Thought of the month
Accessibility is like a universal key. It opens doors for everyone.
Latest Nucleus blog articles
Be aware of using CSS custom properties
Exposing the problem with CSS custom properties in a Design System.
1 December 2022
Creating a new Sketch library for Nucleus
Understanding the requirements of UX designers.
4 March 2022