P&I Tools Team
Design Guidelines and Components Library

Getting Started

Jumpstart your project as designer, developer or contributer. Find the things you need to get started or to help us growing.

Interaction Patterns

Guidelines and best practices for common use cases or scenarios within our tools. Interaction patterns might involve various components and imply multiple user steps.


Core guidelines and rules that create a visually pleasing design and harmonized tone to build the basis for a consistent and holistic user experience.


Collection of angular based components with guidelines and recommendations on how to use them.

The design system is still a WIP and a lot of components are still in active design and development.Will keep on updating this page with new information as andwhen it is developed. 🙂

Keep coming back for more..

See more work