Nucleus Design System. Welcome to the Nucleus Blog

Problem solving, designing and building a more cohesive and coherent web experiences for Centrica brands.

Popular tags

Latest articles

Use your design system to drive more inclusivity in your company

Design systems can play a pivotal role in fostering inclusivity within a company. Here’s how we do it....

Benjamin Franck

25 September 2024

Read More

A coat of fresh paint

How we replaced an entire visual identity with the design system....

Benjamin Franck

13 March 2024

Read More

Using accessible colours in a design system

Why it is important and how to make it work...

Rob Tobias

7 July 2023

Read More

Designing for different minds

Considering neurodiversity in our designs...

Rob Tobias

16 March 2023

Read More

The drop-in clinique sessions

A story about how we implemented one of our most important ceremonies...

Benjamin Franck

13 January 2023

Read More

Be aware of using CSS custom properties

Exposing the problem with CSS custom properties in a Design System...

Jon Holt

1 December 2022

Read More

The Principles & Pitfalls of User Interface design

Validating your UI design decisions...

Rob Tobias

28 October 2022

Read More

Once upon a time, Nucleus

From its inception to this day, the story of how our design system came to be....

Benjamin Franck

2 August 2022

Read More

How to improve your design using Gestalt principles

Understanding our visual perceptions of grouped elements...

Rob Tobias

25 July 2022

Read More

The Masked Inputter

Simply solving complex problems...

Drew Jones

17 June 2022

Read More

The 10 Usability Heuristics for user interface design reviews

General rules for interaction design can help us assess how usable something is....

Rob Tobias

20 May 2022

Read More

You shouldn't use ns-highlighter for that

How a naming mistake led to a much bigger problem...

Benjamin Franck

6 May 2022

Read More

Creating the Nucleus Logo

How we created our logo and why we needed to....

Rob Tobias

29 April 2022

Read More

Multi-branding in Nucleus

How we started enabling multi-branding in Nucleus...

Mekala Nagarajan

19 April 2022

Read More

Visual Regression Testing

How we implemented visual testing...

Praveen Asokan

1 April 2022

Read More

Vanilla first

It is a mindset, an undercurrent supporting our decision making process...

Drew Jones

18 March 2022

Read More

Creating a new Sketch library for Nucleus

Understanding the requirements of UX designers...

Rob Tobias

4 March 2022

Read More

Empowering teams to create multiple column layouts

How ns-column came to be and how it allowed us to support more layout options...

Daniel Benmore

14 February 2022

Read More

Hello World!

Our first blog post...

Benjamin Franck

3 February 2022

Read More

Resources

Login required