Design System

A design system is a set of building blocks and standards that help keep the look and feel of products and experiences consistent. 

How it was

Layout Grid

A strong foundation for sustainable designs.

Mobile

Mobile sizes can range between 0–599dp. Mobile designs use 4 columns.

Desktop

For Large to medium desktop screen sizes, we make use of 12 columns. Some of the ranges of desktop screens include: Large (1440+dp), Medium (1240–1439dp), and Medium (905–1239dp)

Colors

They can reflect the personality of your brand. Thay can attract users, and they can better communicate your message. Any UI design guidelines are likely to mention colors prominently. Color can set the basic mood, tone, concept for a brand or product.

Primary

Secondary

Typography

Typography is part of the overall visual language use to communicate with your users. Just like the visual elements of color, form, pattern, typography can seta mood, set a tone and present a product the way you want it perceived.

Poppins Regular

Poppins Medium

Poppins Bold

Icons

Icons that we have used.

Input

Navigation

Icons that we have used.

Buttons

In our design system, a button serves as a fundamental component. bridging both design and development seamlessly.

Cards

Popups

Avatars

App Icon

The first interaction between user and application.

UI Components

Maintain the consistency of every user interface.