India's first scalable banking design system

India's first scalable banking design system

Re-architected Subzero into a governed, accessibility-first design system infrastructure powering Axis Bank’s digital ecosystem.

Re-architected Subzero into a governed, accessibility-first design system infrastructure powering Axis Bank’s digital ecosystem.

India's first scalable banking design system

Re-architected Subzero into a governed, accessibility-first design system infrastructure powering Axis Bank’s digital ecosystem.

INDUSTRY

Banking & Fintech

PLATFORM

Web, Android, iOS

PROBLEM SPACE

Design System and Platform Infrastructure

YEAR

2022 to 2025

JOURNEY

Foundation and Scale

STAKEHOLDERS

Design, Engineering, Product

The
Impact

person holding space gray iPhone X

PLATFORM ADOPTION

1.2M+ component inserts

in FY 23–24

Adopted widely across internal teams and 1.2K+ Figma community users, establishing Subzero as the default design system across Axis Bank’s ecosystem.

person holding space gray iPhone X

SPEED TO MARKET

30% reduction in design to

development time

Structured tokens and reusable design patterns for common flows such as login and OTP significantly reduced front-end build effort.

person holding space gray iPhone X

DESIGN DEBT REDUCTION

~90% reduction in 

visual inconsistencies

Semantic color and typography naming based on usage aligned designers, eliminated inconsistencies, and standardized fragmented visual decisions.

person holding space gray iPhone X

DESIGN DEBT REDUCTION

~90% reduction in 

visual inconsistencies

Semantic color and typography naming based on usage aligned designers, eliminated inconsistencies, and standardized fragmented visual decisions.

person holding space gray iPhone X

ENGINEERING EFFICIENCY

~50% reduction in

developer effort

Component-level constraints and predefined state logic reduced repetitive condition handling and minimized custom implementation.

person holding space gray iPhone X

INCLUSIVE ACCESSIBILITY

Dark theme, high contrast &

text scaling introduced

Built and user-tested data visualization palettes across multiple types of color blindness, embedding accessibility as a research-backed foundation rather than a compliance layer.

person holding space gray iPhone X

ECOSYSTEM ALIGNMENT

25+ digital products migrated to

Subzero 2.0

Migration created hands-on developer exposure and structured feedback from live products directly improved documentation and system maturity.

person holding space gray iPhone X

INCLUSIVE ACCESSIBILITY

Dark theme, high contrast &

text scaling introduced

Built and user-tested data visualization palettes across multiple types of color blindness, embedding accessibility as a research-backed foundation rather than a compliance layer.

person holding space gray iPhone X

ECOSYSTEM ALIGNMENT

25+ digital products migrated to

Subzero 2.0

Migration created hands-on developer exposure and structured feedback from live products directly improved documentation and system maturity.

Project
Overview

Axis Bank operates at massive digital scale, with millions of customers transacting across web and mobile platforms daily. At this scale, consistency and accessibility are not design preferences. They are infrastructure requirements.


When Subzero was handed over to me in 2022, it functioned more like a visual style guide than a governed design system. Designers across pods were mixing grayscale values inconsistently, components showed zero usage in Figma analytics, and typography scales lacked structural hierarchy. On the engineering side, tokens were not packaged or consumable, resulting in hardcoded hex values and fragmented implementation patterns.


As the bank accelerated its digital transformation, this fragmentation began to create visible design debt and engineering inefficiencies across products.


Subzero 2.0 was not a visual refresh. It was a foundational rebuild. Typography was simplified into a structured hierarchy, color tokens were redefined semantically based on usage rather than shade values, and component logic was standardized across web, Android, and iOS.


Accessibility was treated as a core system principle. Data visualization color palettes were validated through in-depth usability testing with users across protanopia, deuteranopia, and tritanopia to ensure real-world distinguishability. Dark theme, high contrast theme, and scalable typography were built into the system foundation to support inclusive design at scale.


Subzero 2.0 evolved from a loosely governed library into a structured design and engineering infrastructure powering digital products across Axis Bank’s ecosystem.

My Role &
Team

As the Lead Designer, I took ownership of Subzero and rebuilt it at the foundation level, transforming it from a fragmented style sheet into a governed design and engineering system.


I led the restructuring of Subzero from its foundation layer upward. My role extended beyond interface cleanup, it required rethinking how the system functioned across design and engineering, and how it would scale across platforms and partners.


I redefined typography from an overloaded structure of six heading weights into a simplified three-tier hierarchy. The grayscale palette, previously defined numerically (Grey 20, 40, 60…), was converted into purpose-driven semantic tokens, primary text, secondary text, disabled state, border, surface removing ambiguity in usage.


I introduced foundational spacing standards, elevation logic, and tokenized structures that aligned web, Android, and iOS into a unified language.


Accessibility became a core pillar. Led user testing initiatives to validate color contrast, palette differentiation, and theme behavior across varying intensities of color blindness


Alongside design restructuring, I created detailed developer documentation defining min-max constraints, multilingual expansion limits, and usage governance. This ensured that even if designers deviated, the engineering layer remained consistent.

As the Lead Designer, I took ownership of Subzero and rebuilt it at the foundation level, transforming it from a fragmented style sheet into a governed design and engineering system.


I led the restructuring of Subzero from its foundation layer upward. My role extended beyond interface cleanup, it required rethinking how the system functioned across design and engineering, and how it would scale across platforms and partners.


I redefined typography from an overloaded structure of six heading weights into a simplified three-tier hierarchy. The grayscale palette, previously defined numerically (Grey 20, 40, 60…), was converted into purpose-driven semantic tokens, primary text, secondary text, disabled state, border, surface removing ambiguity in usage.


I introduced foundational spacing standards, elevation logic, and tokenized structures that aligned web, Android, and iOS into a unified language.


Accessibility became a core pillar. Led user testing initiatives to validate color contrast, palette differentiation, and theme behavior across varying intensities of color blindness


Alongside design restructuring, I created detailed developer documentation defining min-max constraints, multilingual expansion limits, and usage governance. This ensured that even if designers deviated, the engineering layer remained consistent.

The Team

Rhythm Gauba ( Design )

Arushi Shukla ( Design )

Raaghav Laxman ( Design )

Vibhor Dwivedi ( Design )

Himanshu Bharti ( Design )

Ankit Gandhi ( Web )

Akshat ( Web )

Mohit Ajwani ( Android )

Dharmender ( IOS )

The
Outcome

The
Feedback

This is where the short version ends.
Subzero 2.0 involved foundational decisions across accessibility, token architecture, migration strategy,

and developer tooling. The complete breakdown lives in my Medium series.

This is where the short version ends.
Subzero 2.0 involved foundational decisions across accessibility, token architecture, migration strategy, and developer tooling. The complete breakdown lives in my Medium series.

This is where the short version ends.

Subzero 2.0 involved foundational decisions across accessibility, token architecture, migration strategy, and developer tooling. The complete breakdown lives in my Medium series.

Copyright

Vyom V 2026

Designed with intent. Interpreted freely