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
A coat of fresh paint
How we replaced an entire visual identity with the design system....
Benjamin Franck
13 March 2024
Using accessible colours in a design system
Why it is important and how to make it work...
Rob Tobias
7 July 2023
Designing for different minds
Considering neurodiversity in our designs...
Rob Tobias
16 March 2023
The drop-in clinique sessions
A story about how we implemented one of our most important ceremonies...
Benjamin Franck
13 January 2023
Be aware of using CSS custom properties
Exposing the problem with CSS custom properties in a Design System...
Jon Holt
1 December 2022
The Principles & Pitfalls of User Interface design
Validating your UI design decisions...
Rob Tobias
28 October 2022
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
How to improve your design using Gestalt principles
Understanding our visual perceptions of grouped elements...
Rob Tobias
25 July 2022
The Masked Inputter
Simply solving complex problems...
Drew Jones
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....
Rob Tobias
20 May 2022
You shouldn't use ns-highlighter for that
How a naming mistake led to a much bigger problem...
Benjamin Franck
6 May 2022
Creating the Nucleus Logo
How we created our logo and why we needed to....
Rob Tobias
29 April 2022
Multi-branding in Nucleus
How we started enabling multi-branding in Nucleus...
Mekala Nagarajan
19 April 2022
Visual Regression Testing
How we implemented visual testing...
Praveen Asokan
1 April 2022
Vanilla first
It is a mindset, an undercurrent supporting our decision making process...
Drew Jones
18 March 2022
Creating a new Sketch library for Nucleus
Understanding the requirements of UX designers...
Rob Tobias
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...
Daniel Benmore
14 February 2022
Hello World!
Our first blog post...
Benjamin Franck
3 February 2022