Nucleus team. Welcome to the British Gas
Design System

Here to solve and build a more cohesive and coherent web experience for the British Gas brand.

Deep dive into Nucleus

Our components

View and see how our components work in Storybook.

View Storybook


Understand what we do and how our components work.

View our docs

The vision

Find out what we're trying to do and the principles we set against ourselves.

Learn our principles

Becoming Nucleus. Join in the conversation and movement of our design system

Want to know how to start using Nucleus or not sure if we have what you are looking for?

Understand our process and how we bring your ideas to life.

Our community

Building a better Nucleus

Something missing?

Feel free to raise a request for change or contribute to other requests.

Our backlog

See how we work

Come to our events and ask about how things work.

Nucleus events

View our helpful tutorials

Want to know how to do something? Then we have the tutorials for you.

Read our how to's