Having a Design System in place acts a savior. It closes the gap between the designers and UI engineers who work on multiple products and often re-create or duplicate work done by other teams. Designer and Developer communication is important to improve project workflow, as it helps save time and money.

Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.

Guide Description
Colors Infopiphany UI uses colors purposefully to communicate how things function in the interface. This helps us create visual patterns that can make interacting with our product easier and more predictable for users.
Spacing Consistent spacing creates visual balance that makes the user interface (UI) easier for users to scan. Apply consistent spacing to improve the quality of the UI
Typography Typography can help create clear hierarchies, organize information, and guide users through a product or experience.
Common actions Frequently used actions that appear multiple times across different components and workflows
Dialogs Prompted when the system needs input from the user or to give the user urgent information concerning their current workflow
Empty states How to address moments in an app where there is no data to display to the user
Filtering The mechanism by which a user adds or removes data items from a displayed data set
Forms A group of related input controls that allows users to provide data or configure options