Bromcom Design System

The “Bromcom Design System” describes a design language for the overall look and feel of Bromcom MIS Applications. The design system is a collection of patterns, best practices, and products to support visual and experience cohesive and consistent. The design system is meant to be used by both designers and developers.

Bromcom Design System is made up of components. Based on the atomic design principle, components made up of different levels of elements. These are items are common elements for multiple components and can be used repeatedly on the design system. This provides consistency in the design system and increases the ease of control.

The Atomic Design methodology helps us for creating and maintaining Bromcom Design System while providing an attractive way of explaining itself using chemistry. This methodology is helpful and less time consuming for the team while working on design or create a style guide.

Atomic design is made up of five distinct levels

• Atoms
• Molecules
• Organisms
• Templates
• Pages

These multiple levels we can define for components, templates and pages. In our system, after atoms and molecules, additionally, we are creating master components. These components are the core components and can be called pre-organisms. These are non-editable foundational elements of the system and all other components are created by using these master components.