Component Library

 

Universal components

As a foundation, the system must have foundational components to be usable in any product and also has to be scalable. This universal components library with semantic tokens supports buttons, tabs, cells, chips, etc.

 
 

Console specific component library

The design library specific to the Console (user management admin platform) incorporates custom patterns that leverage components from the universal component library. These patterns serve to expedite the creation of mockups for short-term, deliverable projects.

 
 

BluePrint specific component library

Certain BluePrint (content management platform) components incorporate native Bootstrap elements. The Figma component necessitates references to both Bootstrap and Universal components to minimize UI discrepancies.