Building Blocks of Success: Designing and Implementing a Component Library

Project Overview


Design Library


When converting from CMYK to RGB values, some of the colors became so vibrant they were overpowering. I worked with the print designer to select new colors for digital graphics which felt more cohesive


Some designers were repurposing buttons and form components from another design library. The colors and border radius were not consistent with Canyon Lab’s branding. The new ewsign library shows clear guidelines about button styles including color, border radius, and hover states.


There was a need for uniform iconography. Some places used light icons from another company library, others used heavy icons that were free online. I worked with a graphic designer who created a custom set of icons.

Going Forward