Supported credit cards as logos

[JoseTelefonica]

Goal

To display the supported credit cards in forms.

Context

Currently we need to display the helper text to indicate which credit cards are supported.

Impact

Show a visual indication of the logos and reducing the spacing in the form.

Discussion Questions

Do we need to create a credit cards choice option?
Should we need to create the maximum number of credit card logos displayed?
Should we need to create the visual of unsupported credit cards?

Additional considerations

No response

Do you have a visual proposal?

https://www.figma.com/design/UnI7XlUH58mLvG2QqxEUMe/Explorations-and-Improvements?node-id=309-16759&t=6v6EC6z2srKiIKlo-4

[AnaMontes11]

Hi @JoseTelefonica,

We think it's interesting to show a visual indication of the logos, as you suggest, but we believe that including it within the form is outside of the standard (I’ve attached several examples). In cases with more than 3 cards, your proposal doesn’t scale well, as it reduces the space available to display the full credit card number.

In any case, please provide a more contextualized example so we can study it in greater detail.

[JoseTelefonica]

I agree but... I'm afraid we won't have as many credit card options.
Ok, thanks Ana!