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
![An illustration showing a transition from the old British Gas logo to the new one](https://blog.nucleus.design/brand-refresh-2023/blog-illustrations-16x9.jpg)
![Using accessible colours in a design system](https://blog.nucleus.design/a11y-colours-in-design-systems/a11ycolours.jpg)
![Designing for neurodiversity](https://blog.nucleus.design/designing-for-diffrerent-minds/neurodiversity.jpg)
![A Nucleus drop-in session, with a team gathered around a Nucleus host.](https://blog.nucleus.design/the-drop-in-clinique-sessions/dropin-card.jpg)
The drop-in clinique sessions
A story about how we implemented one of our most important ceremonies.
13 January 2023