Skip to main content

Pega Constellation design system basics

A design system is a builder kit, which consists of a shared library of UX patterns comprised of components that offer the following benefits:

  • Provide a consistent user experience through a systemized collection of design rules and patterns
  • Speed up design and development time 
  • Produce better business outcomes by increasing consistency and efficiency in software development

A design system is also defined as a set of the following information:

  • UI elements
  • Styles
  • Patterns
  • Themes
  • Guidelines

Development teams use and reference this information to provide a consistent user experience. A design system also includes more abstract elements, such as:

  • Brand values
  • Shared ways of working
  • UX mindset 

The Pega Constellation design system allows you to build applications quickly and keeps the application easy to update for future releases. 

The Constellation design system provides a complete, prescribed presentation layer that includes information architecture, interactions, accessibility, data visualizations, and more, all supplied and implemented on multiple technologies. It is a complete UX toolkit that meets the needs of large organizations that have case management application use cases.

Sample Constellation design system

The following figure shows a Pega Platform application that uses the Constellation design system. The page displays information in a dashboard without needing to scroll. 

The dashboard shows a single Pega case. The structure of the screen can work for a claim, a mortgage application, or a disputed bill. Using this information architecture and visual structure, you can display the essentials of almost any business object better.  

The screen shows a great deal of information, and you can view most of it without much scrolling. However, the screen feels comfortable and light, similar to a consumer app from an app store. 

Example of a full case page in Constellation

Check your knowledge with the following interaction:

This Topic is available in the following Module:

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice