Check our V4 migration guide!
Spark: Flare 4.0
Genesys' unified visual language and design system.
In Spark: Flare 4.0, we combine all the design elements that make our brand unique. It is a comprehensive collection of guidelines, components, and tools that empower Genesys designers and developers to create beautiful, cohesive, and user-centered experiences across all our products and platforms.
This site introduces principles to incorporate as you consider your design — intending to give you new ideas, leading to better products for all users. Creating uniformity will allow our product to be more consistent, our teams to communicate better, and reduce the number of decisions designers must make daily.
Following these principles results in a polished and predictable experience for our Genesys users, increasing trust in our products and affection for the brand.
Other Useful links and resources!
Color palette
Learn more about the purpose of each color!
Code Sandbox
Experiment with our live components in the code sandbox!
Figma Page templates
Browse all of our page templates here!
Accessibility
All our components are WCAG 2.2 AA-compliant!
Connect With Us
Any questions or requests? Reach out to the team!
Inspecting Figma as a Dev
Check our guide on how to master handoff as a Dev!
This documentation site is still in progress: more information and updates are coming soon.