Custom Card Images

Your institution can customize the card images shown to users on the Cards page in Narmi Banking.

To do this:

1. In Narmi Command, go to Configurations > Institution settings > Card image overrides > Add item.

2. Complete the following fields:

   1. Bin – The first six numbers of a card that are unique to your institution. This identifies which image shows for each card type.

   2. SVG – The Scalable Vector Graphics code for the card image. See SVG Guidelines below to ensure your image renders correctly.
      To get the SVG code:

      1. Use a tool to export the image to SVG file format, for example, Adobe Illustrator or Figma.

      2. Open the SVG image in a text editor to get the code, such as Notepad++ for Windows or TextEdit for Mac (Note: TextEdit must be in Plain Text mode to edit SVG files).

      3. Copy/paste the code into this SVG field in the Card image overrides setting.
         

   3. is_card_number_on_front – This is a legacy setting and is not used for the current Cards feature

   4. card_text_color – This is a legacy setting; the current Cards feature only supports white text (#FFFFFF) by default

   5. Name – The name of the card that appears on the Cards page, for example, “Standard Rewards”
      

3. Scroll down to add a note about the change in the Note field, then select Save Changes.

SVG Guidelines

Follow these guidelines to ensure your image renders correctly in Narmi Banking:

• Do not use a Visa or Mastercard logo (we already include this)

• Do not use an institution logo or text in the upper left or right corners

• The dominant background color must be accessible for white text (#FFFFFF). Use this contrast checker from WebAIM to check for color accessibility.

• Use a minimal pattern or a low-contrast pattern that does not interfere with text legibility

An example of a card image that follows the above guidelines:

This is how that image appears once added to Narmi Banking: