Building Design System
Building Design System
ASBL
ASBL
Finance
Finance
View more
View more
48
48
30
30
30
30
20
20
48
48
Role - lead Designer
Role - lead Designer
Build a sustainable design system for a web application; ASBL Finance.
Build a sustainable design system for a web application; ASBL Finance.
Goal
Goal
Consistency
Consistency
Ensures a unified visual language, making products look and behave similarly across various channels and teams
Ensures a unified visual language, making products look and behave similarly across various channels and teams
Scalability
Scalability
Designed to handle increasing numbers of screens, products, or teams without sacrificing quality; clear guidelines and component libraries streamline growth and adaptation.
Designed to handle increasing numbers of screens, products, or teams without sacrificing quality; clear guidelines and component libraries streamline growth and adaptation.
Efficiency
Efficiency
Minimizes repetitive design tasks and enables rapid product updates
Minimizes repetitive design tasks and enables rapid product updates
Finance is the discipline that manages money, investments, and financial planning to ensure the smooth operation and profitability of an organization like ASBL.
Finance is the discipline that manages money, investments, and financial planning to ensure the smooth operation and profitability of an organization like ASBL.
ASBL
ASBL
Finance
Finance
Branding
Branding
Branding
Ab
Ab
Inter
Inter
Regular
Regular
Medium
Medium
Semi-Bold
Semi-Bold
Bold
Bold
11
11
12
12
14
14
16
16
20
20
24
24
Color
Color
Color
2463EA
EBAD33
BRAND
BRAND
SUPPORTIVE
SUPPORTIVE
475569
00A991
DC4A41
EB7D33
8B5CF6
FEEDBACK
FEEDBACK
Icon Library
Icon Library
Designed custom icons as project required specific icons for unique features.
Colour Palette
Colour Palette
Components
Components
Micro components ( Badges, checkbox, micro interactions )
Navigation
Navigation
Toasts
Toasts
Branding
Branding
Micro-Animations
Micro-Animations
Branding
Branding
UX Animation
UX Animation
Guiding behavior, Clarifying user actions,
Instantly understandable status updates
Making digital experiences feel lively and intuitive
Guiding behavior, Clarifying user actions,
Instantly understandable status updates
Making digital experiences feel lively and intuitive
Let's talk
abhinav.design17@gmail.com
ABHiNAV
SiNGH
Let's talk
abhinav.design17@gmail.com
ABHiNAV
SiNGH
For the best experience
Please view this portfolio on a desktop.