Lignes directrices pour la conception

Pour le bon affichage du logo et des boutons Xsolla lors du choix d’un mode de paiement, suivez les lignes directrices.

Cas d'utilisation

Logo coloré

Logo monochrome (noir)

Logo monochrome (blanc)

Télécharger les logos

Limites

Notez que vous ne peut pas :
Étirer le logo.
Utiliser un logo Xsolla obsolète ou non officiel.
Changer la couleur du logo : utilisez les couleurs officielles indiquées dans le tableau ci-dessous.
Afficher le logo sur un fond coloré : utilisez plutôt un fond blanc.

Couleurs

En fonction du thème de l’interface de paiement, le logo Xsolla peut s’afficher dans les couleurs suivantes :

ThèmeCouleur du logoLogo
Clair (logo coloré)Magenta :
  • Hex : #ff05b
  • RVB : 255 0 91
  • CMJN : 0 100 55 0
Color logo
Clair (logo monochrome)Noir :
  • Hex : #18171c
  • RVB : 24 23 28
  • CMJN : 50 50 50 100
Black logo
Sombre (logo monochrome)Blanc :
  • Hex : #ffffff
  • RVB : 255 255 255
  • CMJN : 0 0 0 0
White logo
 

Boutons

Vous pouvez implémenter l’affichage d’une liste de modes de paiement correspondant à vos besoins. Pour assurer la cohérence, suivez les lignes directrices ci-dessous sur la conception du bouton de redirection vers l’interface de paiement Xsolla.

Logo coloré

Logo monochrome (noir)

Logo monochrome (blanc)

Proportions

Lignes directrices pour l’affichage de textes sur le bouton :
  • alignement central vertical et horizontal ;
  • 40 % de la hauteur du bouton.

Rayon d'angle

Vous pouvez ajuster le rayon d’angle du bouton.

Ombre

Vous pouvez ajouter une ombre au bouton.

Exemples d'affichage dans la liste des modes de paiement

Cet article vous a été utile ?
Merci !
Que pouvons-nous améliorer ? Message
Nous sommes désolés de l'apprendre
Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.
Dernière mise à jour: 2 Juillet 2024

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.

Signaler un problème
Nous améliorons continuellement notre contenu grâce à vos commentaires.
Indiquez votre adresse e-mail pour un suivi
Merci pour votre commentaire !