Nucleus Design System. Welcome to the Nucleus Blog
Problem solving, designing and building a more cohesive and coherent web experiences for Centrica brands.
Using accessible colours in a design system
Why it is important and how to make it work...
7 July 2023
Designing for different minds
Considering neurodiversity in our designs...
16 March 2023
The drop-in clinique sessions
A story about how we implemented one of our most important ceremonies...
13 January 2023
Be aware of using CSS custom properties
Exposing the problem with CSS custom properties in a Design System...
1 December 2022
The Principles & Pitfalls of User Interface design
Validating your UI design decisions...
28 October 2022
Once upon a time, Nucleus
From its inception to this day, the story of how our design system came to be....
2 August 2022
How to improve your design using Gestalt principles
Understanding our visual perceptions of grouped elements...
25 July 2022
The Masked Inputter
Simply solving complex problems...
17 June 2022
The 10 Usability Heuristics for user interface design reviews
General rules for interaction design can help us assess how usable something is....
20 May 2022
You shouldn't use ns-highlighter for that
How a naming mistake led to a much bigger problem...
6 May 2022
Creating the Nucleus Logo
How we created our logo and why we needed to....
29 April 2022
Multi-branding in Nucleus
How we started enabling multi-branding in Nucleus...
19 April 2022
Visual Regression Testing
How we implemented visual testing...
1 April 2022
It is a mindset, an undercurrent supporting our decision making process...
18 March 2022
Creating a new Sketch library for Nucleus
Understanding the requirements of UX designers...
4 March 2022
Empowering teams to create multiple column layouts
How ns-column came to be and how it allowed us to support more layout options...
14 February 2022
Our first blog post...
3 February 2022