This is a work in progress. Feedback is welcome.

Design System

Collection of tokens, styles and interactions that connect a customer's brand to our products.

Design System


What is Design System?

⚠️

The contents on this page are a work in progress and are for internal use of PROS and authorized partners only. Do not share any of this information outside of the organization.

The Design System is a collection of tokens, styles and interactions that connect a customer's brand to our products.

Benefits

Communication

  • Helps our customers translate their brand identity into themes without the need for code or technical know-how
  • The flexibility of our themes is clearly defined from the get go

Speed

  • Create a theme by simply changing global tokens like colors and typography. Or...
  • Get even more personalization with component level tokens
  • Change one piece, see it change in all instances

Reusability

  • The same theme will apply to new products. No need to revisit design for every implementation

Figma Documentation