Skip to main content

Configure standard cards

Standard designs are used everywhere, such as in-app, in digital Wallets, and when revealing a card's sensitive information, for virtual, physical, and digital cards.

Before creating cards, personalize the standard card design. You can use Swan's card design studio to get a 3D preview of how your card will look.

Packaging

You can customize your packaging for standard cards..

Create a standard card​

  1. Go to Dashboard > Settings > Cards.
  2. Click Create a new card product.

Screenshot of the Dashboard modal to add a new card product

  1. Name your new card product.
  2. If you'd like to allow physical cards, toggle Allow physical cards to on.
  3. Click Create.

Screenshot of the Dashboard cards settings page with three card products

Configure your standard card​

  1. Open the card product you'd like to configure. Remember to start on Dashboard > Settings > Cards.

Screenshot of the Dashboard cards settings page with two card products

  1. Choose black or silver. If you'd like to design a custom card, refer to the dedicated guide.
  2. Choose your logo size.
  3. Upload your logo, resizing if needed. Don't hesitate to refer to the next section for more information about logos.
  4. Click Save.

Note that you can also preview your card in 3D from this page.

After clicking Save, your updates are available immediately in Sandbox. However, Swan needs to review changes to Live cards. If you didn't upload a new logo, please upload your logo again and click Save, which forces the API to trigger a review.

Screenshot of the Dashboard settings page for a specific card product calling out design options

Card settings

In the Options tab, you can also update your card settings.

Add your logo to standard card designs and for your Swan Dashboard.

Please follow these guidelines to when creating your .svg file, both so your logo looks sharp on your card and so Swan can validate the file.

  1. The SVG file can be a maximum of 100 kilobytes (KB).
  2. Use black monochrome.
    • Swan will change it to white for standard black cards.
    • If you'd prefer other color options, consider designing a custom card.
  3. Don't use any opacity settings. Don't apply the fill-opacity attribute.
  4. Don't use any non-vectorial text, meaning no text tag.
  5. Don't use layering, meaning there should be no overlaid elements.
  6. The logo edges must fit inside the container, or viewbox attribute.

Here are some tips to make sure your logo meets requirements.

ProblemExplanation
Logo appearing too smallIf your logo is appearing smaller than expected, check that your logo fits perfectly in the SVG viewbox attribute. Any padding between your logo and the viewbox edges will appear on your card.
Empty rectangle instead of logoIf you see an empty rectangle (black or white) instead of your uploaded logo, there might be an issue with your SVG file. Check that there are no overlaid elements in your file. If there are overlaid elements, remove them and upload the new file.
Logo isn't the correct colorIf your logo is showing up as black on a black card, or white on a silver card, there might be an issue with your SVG file. Make sure you're not using CSS to apply your color, which is only compatible with browser renderers.