top of page

UI Kit (Design system)

The UI Kit was a company-wide redesign initiative intended to modernize the outdated visual style and establish a foundation for a scalable Design System. I was tasked with creating the new look, which would be applied to both existing and future products across the organization. Once the assets were designed, they were applied to panels, pop-up windows, and full applications to demonstrate how they should be used individually and in combination.

The UI Kit enabled UX designers to quickly apply standardized components to their projects, while front-end developers could pull patterns directly from the library—or build them if not yet available—for implementation. This approach saved significant time for both design and development teams by streamlining mockups and programming.

As a living document, the UI Kit continued to evolve, with additional components and patterns added over time to support new use cases.

Colors & Typography@2x.jpg
Color & Type
Sliders, Inputs, Widgets@2x.jpg
Sliders Inputs Widgets
Menus & Navigation@2x.jpg
Menus & Nav
DropDown Menus@2x.jpg
Dropdown Menus
Buttons & Toggles@2x.jpg
Buttons & Toggles
ToolTips@2x.jpg
ToolTips
Container Construction@2x.jpg
Container Construction
Container Examples@2x.jpg
Container Example
Save-Load@2x.jpg
Save/Load
Pop Up Windows@2x.jpg
Pop Up Window
Search-Filter@2x.jpg
Search/Filter
Messaging
Messages2@2x.jpg
Messages@2x.jpg
Applied To Applications@2x.jpg
Applied

All works are © 2016 Karen Sanok

bottom of page