Design System Refinement: Nstyle

Nstyle screen

From 2021 to 2022, I was part of an amazing team working on a fantastic design system at Ncontracts. The design system has 4 main parts:

  • Styles
  • Conventions
  • Decision Trees
  • Components

The first contains the product color palette & typography, custom icons & illustrations, and data visualization helpers. The conventions show developers common approaches for using the design libraries in context. Decision trees also guide developers in their decision to use one component over another during their build process. And finally, the components house all of the designed single and composite interface possibilities for Ncontracts products.

I spent that year helping to update the design system, contributing custom icons & illustrations as well as quick start guides and overall guidance (read: do’s and dont’s) in Nstyle.