Patterns are solutions consisting of documentation, components and guidelines intended to be used to solve common, recurring problems.
This shared vocabulary is evolutionary and the basis of our design system, which exists to enable UI consistency, improve development efficiency and provide clear guidance for creating our products.
A guide to providing users with information when and where they need it.
Date & time
Date and time formats are used as timestamps on messages, dates within the calendar and to help the user understand when something happened.
Effective filters are the quickest way to allow our users to narrow down and find content. Our filters must function consistently for the best user experience.
Our app’s layout provides users with consistent structure and behavior, as well as access to frequently used tools.
Navigation is the primary method of accessing different sections of our app. Refer to this pattern when creating, adjusting, or implementing navigation.
Notifications are an essential communication tool for informing users about various events happening both inside and outside of Sprout that may require their attention and/or action.
Charts are a visual way to display data in order to highlight trends and social activity that may be impacting a user's business.
Data states provide clear and reassuring communication to users about the state of their report.
A standardized language for telling a consistent story through data.