Visa

visual.md

---
bcp_version: "0.8"
file_type: visual
parent: https://registry.brandcontextprotocol.dev/visa-f26a1c9f/.well-known/brand.md
last_updated: 2026-09-04
---

# Visual

This file records public Visa standards, not a complete replacement for Visa's Brand Center or Product Design System. Use approved assets from Visa's official source.

## Brand mark

```yaml
brand_mark:
  name: "Visa Brand Mark"
  preferred_asset_source: "https://corporate.visa.com/en/about-visa/brand.html"
  light_background:
    color: "Visa Blue"
    hex: "#1434CB"
  dark_background:
    color: "White"
    hex: "#FFFFFF"
  preferred_use: "Display the mark fully and clearly, in Visa Blue whenever possible."
  clear_space: "Use at least the recommended 1X clear space from the current Visa asset guidance."
  naming: "Write the company and brand name as Visa, not VISA or visa."
  prohibited:
    - "Do not use the retired Visa Flag."
    - "Do not recolor, redraw, stretch, compress, crop, outline, or add effects to the mark."
    - "Do not place the mark where contrast is insufficient."
  canada_note: "Visa Canada has specific trademark requirements; use the approved Canada assets and guidance."
  source: "https://corporate.visa.com/content/dam/VCOM/corporate/about-visa/documents/visa-brand-standards-sept2025.pdf"
```

## Color

```yaml
color:
  tokens:
    visa_blue:
      hex: "#1434CB"
      role: primary_brand_mark
      source: "Visa Fundamental Brand Standards, September 2025"
    white:
      hex: "#FFFFFF"
      role: reverse_brand_mark_and_light_surface
      source: "Visa Fundamental Brand Standards, September 2025"
  rules:
    - "Use the blue mark on light backgrounds and the white mark on dark backgrounds."
    - "Do not treat colors scraped from a Visa webpage as approved brand tokens."
    - "Do not use color alone to convey meaning."
    - "Meet at least 4.5:1 contrast for normal text and 3:1 for large text and interface components, subject to the current Visa accessibility guidance."
  accessibility_source: "https://design.visa.com/base-elements/color/accessibility/"
```

## Typography

```yaml
typography:
  visa_brand:
    family: "Visa Dialect"
    usage: "Visa brand typography; use licensed, approved assets and current Brand Center guidance."
  visa_branded_interfaces:
    family: "Visa Dialect UI"
    usage: "Standard typeface for Visa-branded digital interfaces."
  non_visa_branded_browser_experiences:
    family: "Open Sans"
    usage: "Recommended by the Visa Product Design System for browser experiences that are not Visa branded."
  unsupported_languages:
    family: "Noto Sans"
    usage: "Use for languages not supported by Visa Dialect."
  rules:
    - "Use sentence case in nearly all interface scenarios."
    - "Maintain a clear type hierarchy and follow the current Visa type ramp."
    - "Use approximately 1.5 line height for body text and readable line lengths."
  source: "https://design.visa.com/base-elements/typography/usage/"
```

## Accessibility and implementation

```yaml
accessibility:
  target: "WCAG 2.2 Level AA"
  rules:
    - "Provide visible focus and keyboard access."
    - "Use text or another cue in addition to color."
    - "Provide meaningful alternative text for informative images and appropriate labels for controls."
    - "Test contrast using the actual foreground, background, size, and weight."
  source: "https://design.visa.com/global-accessibility-requirements/"
implementation:
  - "Use the current Visa Product Design System for product components and tokens."
  - "Do not promote incidental CSS values, shadows, spacing, or button styles observed on one Visa page into global brand rules."
  - "Do not modify Visa sensory-branding assets outside their published standards."
```

## Sources

- Visa Fundamental Brand Standards, September 2025: https://corporate.visa.com/content/dam/VCOM/corporate/about-visa/documents/visa-brand-standards-sept2025.pdf
- Visa Brand Center: https://corporate.visa.com/en/about-visa/brand.html
- Visa Product Design System: https://design.visa.com/