Cover page of our design system personifying its character and purpose.
Above our teams' Table of Contents illustrates how heavy and detailed our Design System was. My sections chips and action menus are identified in sections numbers 33 and 67.
Chip research was such a fundamental part of understanding how these elements can be utilized. I created these instructions distributed to our designers to convey the various ways chip methodologies function and also included chip specifications.
To provide an extensive Chip library for our designers I created the chip components above containing the following types: Regular, With Icons, With Checks, With X's, With Icon's & Checks, and lastly With Icons and X's. All of these types then included the various styles of chips: Filled, Outlined, Shaded, Shadowed, Shaded & Shadowed and Filled Shadowed.
To accompany the Chip instructions I created an example addressing each of the chip methods discussed which included input, choice, filter and action chips including a spacing display to suggest the amount of spacing used between chips.
Ending display from design system
