release update

Evolve product development with expanded patterns and unified accessibility standards

Get the latest on integrated accessibility requirements, refreshed data visualization guidance, updated patterns, and more.

Mar 20, 2026

Overview

The Visa Product Design System (VPDS) continues to evolve with updates that strengthen our hub for designers and developers. From code library updates to a more unified accessibility experience, these improvements make it easier to build clear, consistent, and inclusive products across Visa.

This release introduces integrated Global accessibility requirements and refreshed charts guidance— making it easier than ever to find, understand, and apply the standards that shape high‑quality product experiences. Our engineering teams have also delivered a series of refinements across the Nova libraries, included expanded pattern examples, dark mode for improved usability in low‑light environments, and enhanced metadata to support agent‑assisted workflows.

Dive into the rest of the updates below.

Development updates

Check out the latest refinements and updates from our engineering and development teams. Explore the Angular, Flutter, React, and Styles (CSS) changelogs for more information on library-specific updates.

Coded pattern examples

Work faster with new examples for dynamic table, chat, and file upload, available in both Nova Angular and Nova React. Each pattern is available alongside robust usage and accessibility guidance, ensuring designers and developers are empowered to create consistent experiences.

Explore all Patterns

Dark mode on VPDS

Switch seamlessly between light and dark modes with the new dark mode option in VPDS. Designed for clarity in low‑light environments, this update also introduces improved color, date, and time inputs—helping you work comfortably and confidently in whichever mode you prefer.

Explore dark mode on VPDS

Agentic metadata updates

Experience clearer agent orientation and improved results from AI tools with enhanced metadata updates across Nova assets. These updates include copy markdown buttons on all site pages, updates to llms.txt, and additional metadata to improve agent readability.

Guidelines updates

Discover what’s new on the VPDS website.

Global accessibility requirements on VPDS

Explore Visa’s Global accessibility requirements in the their new home on VPDS. Partnering closely with the Visa Accessibility team, we’ve created a more unified and discoverable accessibility hub. This integration makes it easier for designers, developers, and product teams to find and apply accessibility requirements directly within their workflows—supporting more inclusive, consistent experiences across Visa products.

Explore Global accessibility requirements on VPDS

Updated Data visualization guidelines

Dive into our refreshed chart guidance with improved clarity, accessibility, and consistency. More chart types and guidelines will be added soon—stay tuned as we continue expanding and strengthening our data visualization resources.

Explore Data visualization guidelines on VPDS

Ready to get started?

Unlock the full potential of VPDS today. Visit the VPDS homepage to explore these updates, access resources, and experience how we’re transforming the way teams create. We also welcome our partners and those outside of Visa to learn about us and how VPDS can enhance your projects.

Get started with VPDS

Stay connected

Have questions or want to join our community? Subscribe to our email list, visit our office hours, or join us on Teams.

Visit support