Payscale: Design System
Lead Product Designer
2018-2021
As Payscale has grown and expanded it’s product offerings, the original design system was no longer able to support the needs of our UX and engineering teams.
Our new design system, Aspect, spans four business products. The component library lives in Figma for designers and was custom built in Storybook for React. It also includes extensive usage guidelines.
All components were built fluidly with a mobile first approach.
Components include:
Typography, colors, buttons, icons, grids, tables, drop-downs, slide-outs, banners, toasts, modals, tabs, tooltips, charts, text fields, search components, empty states, error/success messages.
Fonts & Buttons
Grids & Tables (in Figma)
Dropdown & Select (in Figma)
Search (in Figma)