Bring Design
Back to
a Design System

PX Blue used to be a design system built by developers for developers.

How might we revise PX Blue’s design patterns documentation, to accommodate the needs of both designers and developers?

Before

After

Acting as a design researcher, UI designer, and React front-end developer, I re-designed and rebuilt our design system.

Want to hear all the interesting lessons learned from this project?

About PX Blue, the Design System

PX Blue, now known as Brightlayer UI, is the design system at Eaton. It is built on top of Google’s Material Design and serves Eaton’s designers and developers with design patterns, components, and style guides.