Home / Branding & Collateral

Card Design

Overview

Card Design covers card design guidelines for Mastercard and Visa for virtual cards, physical cards and digital wallets. Each section has general guidelines as well as guidelines specific to Mastercard and Visa. We also have templates you can use to expedite the design process.

Approval

Card design is subject to approval by both Highnote and the sponsor bank as outlined in Marketing & Collateral. The card branding submitted for approval should include all dynamic and personalization information. All static formats such as .pdf, .jpg and .png are supported.

Virtual Cards

Virtual cards are displayed in an app or on a website.

Templates

Virtual Card templates are available in Adobe Illustrator or Figma files.

Note: Cards to be tokenized and displayed in a virtual wallet use different templates and are subject to different guidelines.

Download Highnote Virtual Card Templates (Mastercard)

Download Highnote Virtual Card Templates (Visa)

Design Guidelines

A card image should be an exact replica of the corresponding physical card and should be displayed on a neutral background.

Mastercard Guidelines

card-virtual-mc.svg

Mastercard Branding

Relevant Mastercard branding must be included on the visible side, irrespective of where the branding is located on the physical card.

Prohibited Elements

  • Chip
  • Magnetic stripe
  • Hologram
  • Signature panel
  • Card Source Information

Minimum Display Size

Cards that are a replica of a physical card design must be at least 54 pixels wide. An abstracted design must be at least 36 pixels wide.

Required Information to Display

When displaying a non-tokenized virtual card:

  • The 16-digit PAN, CVC 2, and expiration date(s) are required on the visible side or in close proximity to the digital card image within the digital payment environment.
  • Debit and prepaid cards must display the “debit” Identifier (if required in the respective region).
  • For the Commercial Debit Product the card art must contain a "business debit" Identifier.
  • The cardholder name, issuer name/logo, and customer service contact information may be included or in close proximity to the digital card image

Visa Guidelines

card-virtual-visa.svg

Relevant Visa branding must be included on the visible side, irrespective of where the branding is located on the physical card.

Requirements

  • "Visa Virtual", "Virtual Card" or "Virtual" must be displayed. The first letter of each word must be capitalized, with all other letters in lowercase.
  • Account Number
  • Cardholder Name
  • Expiration Date
  • CVV2
  • Appropriate Visa Brand Mark
  • "Limited Use" disclaimer

Prohibited Elements

  • Embossed personalization features
  • Magnetic stripe
  • Chip
  • Hologram
  • Signature panel
  • Visa International Service Center telephone number

Physical Cards

Physical cards are printed and mailed to your Account Holders.

Design Guidelines

card-design-guidelines.svg

  • The front of the card design may be horizontal or vertical. The back of the card may only be horizontal.
  • Cards are printed in CMYK.
  • Black should be set to C=0, M=0, Y=0, K=100
  • Minimum type size is 6pt
  • Avoid border designs that follow the edge of the card, the printing process may make it appear visually skewed
  • Keep logos and text 3/32” away from the edges of the card as well as 3/32” away from required elements, including the magnetic stripe, hologram, signature panel, etc.

Required Information

card-branding-required.svg

  • Customer support url and phone number
  • Issuing Statement
  • Card network logo (example: Mastercard)
  • Contactless icon, at least 4.5mm tall and 3mm away from all card edges and elements. It must be orientated the same way as the network logo and facing to the right.

Personalization

card-personalization.svg

Card personalization refers to the dynamic content printed on the card such as cardholder name, PAN number, expiration date, etc.

Personalization may be on the front or back of the card, in any combination. (All on front, all on back, just card number on front, etc..).

The following typefaces are available for card personalization

  • Arial
  • Arial Narrow
  • Century Gothic
  • Courier New
  • Forza Book
  • Forza Medium
  • Helvetica NeueLT Std
  • OCRb
  • Myriad Pro
  • Open Sans (Only supports uppercase letters)
  • Open Sans Light
  • Trade Gothic LT Std
  • Univers LT Std 47 Condensed Light
  • Univers LT Std 57 Condensed

Mastercard Guidelines

card-branding-mc.svg

  • The Mastercard logo must be on the front of card. If the card art does not provide sufficient contrast with the Mastercard logo, a binocular (white, black, halo) will need to be added.
  • There must be 4mm of clear space from the Mastercard brand mark.
  • Your Card Product is assigned a program code from Mastercard. Each code has an associated card design requirement supplied by Mastercard. For example, a Debit Card Product must include Debit or use the Mastercard supplied Debit logo.
  • For the Commercial Debit Product the card art must contain a "business debit" Identifier.

Templates

Card templates are provided in Adobe Illustrator format and the card mailer is provided in Adobe InDesign format for accuracy during printing. It's not recommended to generate card designs in any other program as it may lead to production issues.

Download Highnote Physical Card Templates (Mastercard)

Download Highnote Physical Card Templates (Visa)

Download Highnote Physical Card Mailer Template

Preparing for Printing

When sending a version of your card art for printing, please remove all personalization elements that are dynamically generated such as cardholder name, expiration date, network logo, card product type.

File Guidelines

  • All type must be outlined

File Formats

We accept the following file formats for card art. If sending an editable file format, please also send a reference image with your intended design.

  • Adobe Illustrator .eps or .ai
  • Print Quality .pdf
  • High Quality .jpg

Mailer

Physical cards are mailed to your account holders in envelopes within a trifold insert. You can customize this mailer to match your brand. Please note, that the mailer is printed on white paper stock with 3/16" whitespace on all edges and does not support bleeds.

Example of the front of the mailer insert inside an envelope.

Mailer_Front.png

Example of the full mailer insert.

Mailer_Full.png

Download Highnote Physical Card Mailer Template

Digital Wallets

image_1.png

Tokenized cards provisioned to digital wallets such as Apple Pay or Google Wallet. Before a Card Product may be utilized with a digital wallet, you must work with your Highnote representative who will ensure all aspects of the program are in order, properly formatted, and approved to facilitate tokenization by the Issuing Bank and the Payment Network.

General Guidelines

Card Art controls how your tokenized card will appear in digital wallets, and the Payment Networks maintain separate standards in addition to general guidelines.

  • Digital wallet providers will round corners of Card Art and Icon images.
    • Do not round the corners of these images as it will result in “double rounding”.
  • Only absolute pixels, not the image resolution (e.g., 72ppi), are relevant.
  • Card Art should represent the physical card, but it must not be an actual picture of a physical card.
  • Do not include shading or any three-dimensional elements in your tokenization assets.
  • Card Art must not include any of the following variable elements (not even examples):
    • Cardholder name
    • PAN
    • Expiration date
    • Labels describing embossed/printed attributes
    • Representations of magnetic stripe or EMV chip contacts
    • Static pictures of dynamic elements such as holograms

Design Guidelines

Background

image_3b.png

  • PNG (up to 3MB) file type
  • RGB color format
  • 1536 x 969 pixels

Logo

digital_wallet_logo_aug23update.png

  • SVG (up to 1MB) or PNG (up to 3MB) file type
  • RGB color format
  • 1372 x 283 pixels

Icon

image_5.png

  • PNG image
  • RGB color format
  • 100 x 100 pixels

Mastercard Guidelines

Product Identifier

For the Commercial Debit Product the card art must contain the "business debit" identifier.

digital_wallet_product_identifier.png

Setup

Colors

Colors must be submitted in hex code format for Mastercard and as a CSS-style RGB triple (e.g. rgb(23, 122, 235)) for Visa.

  • Background color is used when no background card art is available.
  • PAN text color controls how the number appears over the background.
  • Card Description color controls how the description appears in the digital wallets.

Terms and Conditions

  • URL to access full text

Privacy Policy

  • URL to access full text

Customer Service Contact Information

  • Phone number
  • Email address
  • Website URL

Testing

Following approval and authorization, Highnote will work alongside you to test your tokenized card before production. The testing process involves tokenizing whitelisted cards with each wallet provider you plan to support to ensure the tokenized cards and notifications appear as desired.

Launch

After successful testing, you are ready to launch your tokenized card and enable digital wallet access for your customers!

Provide Feedback

Was this content helpful?