The chosen colors are carefully selected to create a harmonious visual experience, ensure legible text, and differentiate interface elements and components. Color is also employed to convey meaning and enhance the overall design communication.

The typographic scale plays a crucial role in establishing standard typefaces and organizing a consistent hierarchy, resulting in a predictable information architecture throughout the product. To achieve this, we have implemented the versatile and scalable ‘Poppins’ font family.

Consistency in shadow usage portrays elevation. The size of the shadow corresponds to the level of elevation, with higher surfaces having larger shadows and lower surfaces having smaller shadows. When a surface maintains the same elevation despite changes in shape or scale, its shadow remains unchanged.

Shape variations can range from subtle to significant, each serving a specific purpose or conveying meaning. Shapes aid users in identifying components and influence their usability. To ensure component recognition, we have employed two distinct values.