Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Theme UI-Kit

Updated on November 15, 2021

Bring value and meaning to the user experience in your business processes. Design and build applications with a traditional user interface that remains responsive, intuitive, and meets all your business needs.

Theme UI-Kit library

UI Kit is the classic set of product design resources that is aimed at improving consistency in business applications. As the original Pega Platform design solution, Theme UI-Kit speeds up maintenance and continued development of existing applications. For more information on the Theme UI-Kit design patterns, see UI-Kit design documentation.

For more information on other UI architectures, see Theme Cosmos and Cosmos React (early adopter).

Targeted use

In the 8.6 version of Pega Platform, Theme UI-Kit supports existing classic applications or applications that you build on top of Theme UI-Kit-reliant Pega products, such as Pega Customer Service.

For more information on UI types, see Understanding UI capalibilities in Pega 8.6.

  • Designing your user interface

    Before you start creating the user interface in your application, learn about the available tools, best practices, and basic principles that drive user experience design.

  • Building portals

    Portals represent the main interface of your application, and provide users, such as case workers, managers, and customers, with the tools that they need to do their work. By setting up portals, you can configure the optimal environment for each of these user groups with minimal effort.

  • Working with Dev Studio forms

    Forms capture information that your application needs to process cases. By configuring intuitive forms in Dev Studio, you can help your users understand the tasks that they need to perform.

  • Styling your application with design systems

    Design systems help you introduce consistency to the applications that you build. By choosing to use a design system, you can scale your designs to maintain a unified presence across a number of platforms with less effort.

  • Debugging your UI

    Debug your UI efficiently by directly modifying interface elements that are rendered on the current page. The Live UI tool helps you make quick UI adjustments at run time and publish or discard your changes immediately.

  • Localizing your application

    Localizing your application helps users work in their preferred language, which improves their experience and ensures a better understanding of the product. By localizing an application, you can expand your operations to new markets regardless of language barriers.

  • Configuring an accessible UI

    Reach the broadest audience for your application by building a user interface that addresses the needs of users with disabilities. Designing a UI for assistive technologies, such as screen readers, is important for compliance and provides essential access to users who have visual impairments.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

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.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us