Get usage, specs, and accessibility guidance for the building blocks of our system.
Sets of vertical headers that reveal or hide subsections of content.
Link menus that navigate to sections within the current page.
Icons and/or text that represent users or entities.
Visual indicators that communicate the status of a component.
Messages that indicate the global status of an application or website.
Supplemental navigation that indicates the user’s location in a site or app.
Interactive elements that help users take actions within an interface.
Interactive element that lets users select one or more independent choices.
Compact elements used to filter content or display user input.
Menu that allows users to select a specific color through a variety of ways.
Dropdown menu that helps users enter text or select items from a list.
Compact displays that summarize or direct users to more information.
Interactive calendar or time selector that allows users to choose a specific date or time.
Messages that float over page content and provide time-sensitive alerts.
Visual elements used to separate and group information on a page.
Interactive elements that allow users to select a single option from a list.
Messages that provide low-priority updates about a process or event.
Content fixed at the bottom of a page to provide important information or links.
Menu placed at the top of a site that links to important pages or features.
Explore Visa-branded and generic icon libraries that represent core functions, ideas, and content.
Text fields that enable users to enter free-form content.
Text-based navigation elements that take users to another destination.
Individual containers that can be grouped to create lists in mobile apps.
Container that displays a list of items available for selection.
Control that allows users to select multiple options from a dropdown menu.
Collapsible navigation panels that float over page content on small screens.
Set of links used to navigate content that’s split between multiple pages.
Collapsible or persistent containers used to present supplementary information.
Visual representations of the status of a system process.
Section-level messages about the status of a page or action.
HTML element that allows users to select one option from a dropdown menu.
Control that allows users to make a selection along a range.
Binary control that allows users to toggle between two states like on/off.
Mobile navigation bar that uses icons to navigate between main pages.
Fixed grid that organizes information or data using columns and rows.
Organizational element that separates content and allows users to switch views.
Selection element that allows users to switch between states or views.
Short message communicating the function or context of a control or object.
Navigation fixed to the top of mobile apps with logo, links, and global search.
Navigation panel located next to page content on screens with sufficient space.
