Design System

Design System

I led the creation of a comprehensive design system for a fast-growing fintech startup to bring consistency, scalability, and efficiency across their enterprise software platform. The project involved auditing existing UI patterns, defining a cohesive visual language, and building an extensive Figma component library aligned with accessibility and responsive design principles.

Collaborating closely with developers, I ensured smooth handoff and implementation through detailed behaviour documentation and token-based design. This system streamlined cross-functional workflows, accelerated product development, and significantly elevated the overall user experience.

Design Elements

Color Styles

Color Styles

Text Styles

Text Styles

Shadows

Shadows

Atoms

Icons

Icons

Molecules

Buttons

Buttons

Input Fields

Input Fields

Badges

Badges

Menu & Toolbar

Menu & Toolbar

Toggles

Toggles

Avatar

Avatar

Sliders & Progress Bar

Sliders & Progress Bar

Loader

Loader

Organisms

Header

Header

Sidebar, Breadcrumbs

Sidebar, Breadcrumbs

Modals

Modals

Feedback message

Feedback message

Tables

Tables

Action Bar

Action Bar

Calender

Calender

File Upload

File Upload

Tabs

Tabs

Graphs

Graphs

Templates

Login Screen

Login Screen

Home

Home

Forms

Forms

Forms-Modal

Forms-Modal

OTP Modal

OTP Modal

Forms- Forward to

Forms- Forward to

Forms- Options Menu

Forms- Options Menu

Forms- Dropdown List

Forms- Dropdown List

Forms- Date Picker

Forms- Date Picker

Forms- Feedback message

Forms- Feedback message

Dark Mode- Sample

Dark Mode- Sample

Light Mode- Sample

Light Mode- Sample

Mobile screens

Mobile screens

Other Projects

IREP Credit Capital | Design System

IREP Credit Capital | Design System

Bhavya Jain

© Bhavya Visions Studio 2024

Bhavya Jain

© Bhavya Visions Studio 2024