Workbench Design System
Gusto automates payroll, employee benefits, and human resources for more than 200,000 businesses globally.
Visit Website
About Workbench Design System
Gusto automates payroll, employee benefits, and human resources for more than 200,000 businesses globally. The Workbench design system includes Gusto's design philosophy, design tokens, creative assets, React components, and utilities—as well as documentation to bring it all together—to enable their team to create unified and accessible experiences for Gusto's platform.
The Workbench system particularly distinguishes out for its extensive live examples that detail precisely how components should be utilized in various circumstances. Dos and don'ts, visual explanations, and implementation information make sure that designers and developers using Workbench can get the most of the design system. There is also a Gusto Workbench VS Code Extension with standard snippets for UI components for further ease.
In addition to its live examples, the Workbench design system also includes extensive documentation to help designers and developers understand and implement the guidelines and components in the system. This documentation includes information on the design philosophy behind Workbench, as well as the design tokens and creative assets that are available.
One of the key features of the Workbench system is its focus on accessibility. Gusto has put a lot of effort into ensuring that the platform is accessible to users with disabilities, and the design system reflects this commitment. The system includes guidelines on color contrast, font sizes, and other factors that are important for accessibility.
Another key feature of the Workbench design system is its use of React components. React is a popular JavaScript library that allows for the creation of reusable user interface components. By using React components in the Workbench design system, Gusto is able to create a consistent and easy-to-use interface for their platform.
Overall, the Workbench design system is an important part of Gusto's platform, helping to ensure a consistent and user-friendly experience for their customers.
Blog Posts About Design System
Related Products View All
P
Pluralsight Design System
The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.
H
Human Interface Guidelines
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
S
Seek Style Guide
The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.
S
ServiceNow Design System
The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.
N
Nachos
Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.
P
Photon Design System
Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.
P
Predix Design System
Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.
C
Canvas Design System
This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.
G
Global Experience Language (GEL)
GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.
Y
Yelp Styleguide
The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.
