Aller au contenu principal

Personnalisations

Il est possible de personnaliser le logo affiché à l'utilisateur final. Pour demander l'inclusion de ce logo, vous devez envoyer à l'équipe Unico une image au format .PNG, d'une taille de 56x56px.

Règles
  • Privilégiez l'application du logo sur des arrière-plans qui garantissent la lisibilité.
  • N'utilisez pas de logos qui ne respectent pas la grille carrée.
  • Évitez d'utiliser des logos en basse résolution.
  • N'appliquez pas le logo sur des arrière-plans transparents.
Recommandations

Privilégiez des couleurs offrant un contraste lisible d'au moins 4.5:1, en suivant les paramètres d'accessibilité WCAG. Utilisez le code hexadécimal des couleurs pour vérifier l'échelle de contraste. Exemple : couleur de premier plan #000000, couleur d'arrière-plan #FFFFFF, ratio de contraste 21.00:1.

Personnalisation de la couleur et de la forme des boutons​

Tout au long du processus d'implémentation, il est possible de demander la configuration de la couleur et de la forme des boutons dans l'interface Vérification sans carte présente, selon l'identité visuelle de l'entreprise.

Recommandations
  • Choisissez des couleurs accessibles : lors de la personnalisation des couleurs des boutons dans Web et Native, optez pour un schéma de couleurs accessible garantissant la visibilité pour tous les utilisateurs, y compris ceux ayant une déficience visuelle.
  • Ratios de contraste : visez un ratio de contraste supérieur à 4.51:1 pour de meilleurs résultats.

Des couleurs accessibles améliorent la navigation pour tout le monde, en particulier pour les personnes malvoyantes. Utilisez les codes de couleur hexadécimaux pour vérifier le contraste et suivez les recommandations WCAG.

  • Exemple : #FFFFFF (texte) sur #000000 (arrière-plan) donne un ratio de contraste de 21.00:1.

Arrondi des coins du bouton​

En plus des couleurs de texte et d'arrière-plan, vous pouvez également définir l'arrondi des coins du bouton (border-radius) en pixels.

Paramètres de personnalisation​

Pour configurer l'identité visuelle du client ou du partenaire pour le bouton, partagez les informations suivantes avec l'équipe d'implémentation d'Unico :

  • Code de couleur hexadécimal pour l'arrière-plan du bouton. Exemple : #000000.
  • Code de couleur hexadécimal pour le texte du bouton. Exemple : #ffffff.
  • Arrondi des coins du bouton en pixels. Exemple : 10px.
Dernière mise à jour le