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.