Pega Design

The Pega Cosmos design system helps teams quickly achieve ideal experiences in your business apps.

Twinkling stars Twinkling stars Twinkling stars Rising moon Passing cloud Passing cloud Mountains

UX for your developers, your employees, & your customers

The Pega Cosmos UX framework specializes for three distinct experiences: for developers building low-code applications, for employees managing daily workflows, and for customers that we directly engage with.

Pega Cosmos component collection

A complete UX pattern library, designed to get business done.

The Pega Cosmos design system is built for and around AI, case-management, and collaboration, and is tested against enterprise-specific metrics. Get fast business results using Pega’s out-of-the-box experiences.

Design system pattern for forms

Consistency comes standard.

Pega’s reusable UX patterns build a consistent mental model for users, thus helping them move through navigation and interaction effortlessly.

Design system patterns

Use-cases as unique as your business. Right out of the box.

Applications built with Pega are laser-focus on our customers' business. Pega has a uniquely layered architecture allowing you to re-use critical business assets throughout multiple regions and processes. Unlike our competitors, Pega does not mandate the use of the generic UX for all situations, rather focuses on creating ideal designs for specific business use cases.

A finance-specific UI

Complete visibility and control of your users’ journeys.

Pega's app development environment provides business, design, and IT teams with clear insight into a userʼs journey at all stages.

Customer journey UI

Smooth sailing across channels.

Research shows 90% of customers use multiple devices to accomplish a single task. Pega case management maintains user state, even when users switch channels. A user can initiate an interaction on a website, continue in the mobile app, and finish via a chat interaction seamlessly.

Pega's Interfaces & Channels interface

Customized guidance and real-time feedback.

Pega's prediction engine allows you to create experiences which understand the user's context, previous encounters, current actions, and other available data to recommend the next-best-action in real-time.

Real-time analytics

Welcome to the low-code revolution.

Pega has been a low-code platform since our early days. With a simple click or drag-and-drop of the mouse you can write future-proof front-end code. Code is kept up-to-date—even as new technologies emerge—freeing you to focus on user experience.

UI authoring in Pega

The Pega UI platform.

Pega is a complete web-based front-end framework driven by HTML5, CSS3, and JavaScript with web components. Pega UI is data-driven and highly dynamic with options for stateless or stateful. Using design templates, Pega allows UX designers to define, add, and govern standards throughout the development process. Learn about Pega vs. leading UI frameworks.

Pega UI

Layered and inheritable UI architecture.

Frequently used UI elements and interactions—such as a change-of-address form—can be repeated across all of your enterprise applications. Each adjustment cascades through all applications or specific ones. The power to scale is as simple as the click of a button.

Pega's scalable arcitecture

Design for multiple contexts.

Create contextual application views for various roles, devices, or other contexts. Customer views, back office views, and mobile technician views can all be crafted from a single application, data model, or set of business logic.

Multiple experiences from the same Pega app