Building Blocks of Success: Designing and Implementing a Component Library

Project Overview

DesignS

Design Library
grad1
grad2

Color

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

Buttons

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.

Icons

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