TrueUI Design System

The Issue

With a strong focus on shipping and different engineers touching different parts of the codebase the visual cohesion across the TrueAccord product begun to breakdown.

The Solution

TrueUI was first designed in Sketch as a set of artboards. From there HTML templates were built with Jade to provide a fast and iterative way of extending and maintaining the system.

The Result

The TrueAccord team now had a single source of truth to reference and build on. Whether you were an engineer, designer or stakeholder you now had a unified and cohesive system to help build all aspects of the TrueAccord product UI.

View the project here