Mandviwala Qutub and Associates
Fragmented designs, UI and gaps in accessibility and compliance
A unified visual framework to reuse and scale across services ensuring WCAG 2.2 AA compliance
Three Tiered Approach
Brand
Alias
Mapped
Token architecture
MQA’s design tokens include color, spacing, typography, border radius, border width, and theming.
Defined in Figma as the single source of truth, the system was structured for consistency and shared with engineering to implement through utility-based styling.
Component library
Consisting of icon, button, label, field, input, menu, dropdown, table, radio button, switch, tab bar, pill, link, breadcrumb, avatar, tag, loader, badge, progress, snack bar and carousel components.
A structured internal tool for managing client billing, support cases and project technicalities.
On to the next big thing..
Reach out to me