The collection of documentation, core styles, components and patterns found here comprise Sprout Social and Bambu’s design language.
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.
Sprout is built on the idea that open communication creates progress. It was important to us to craft a visual identity that illustrates that belief. These are the building blocks of our visual brand.
Borders are used as a stylistic way to emphasize elements. Borders can call attention to, contain, or separate content.
View border ›
The complete Sprout logo system–comprised of a horizontal lockup, an icon and a word mark
View logo system ›
Patterns are solutions consisting of documentation, components and guidelines intended to be used to solve common, recurring problems.
Standardized language for telling a consistent story through data
View data visualization ›
Onboarding helps users discover, understand, and use the value that Sprout provides as quickly as possible.
View onboarding ›
Components are used by engineers to build Sprout and Bambu’s UI. Documentation, previews and usage details can be found in our platform-specific React component libraries. You can view our principals for creating good components here. 1