# Identité fintech : confiance, clarté et un peu de chaleur [Canonical HTML page](https://gradiently.design/fr/guide/fintech-branding) L’argent est personnel, et un peu effrayant. Une marque fintech doit paraître assez sûre pour qu’on lui fasse confiance et assez humaine pour qu’on l’ouvre chaque jour. Voici comment faire les deux. ## The short version - L’identité d’une fintech a trois missions : paraître assez fiable pour garder l’argent de quelqu’un, rendre les chiffres immédiatement clairs et rester assez chaleureuse pour que l’on n’appréhende pas d’ouvrir l’app. - La plupart des marques financières utilisent le bleu : une palette de vert profond, de prune, d’encre ou de neutre chaud avec un accent vif est un moyen simple de se faire reconnaître. - En fintech, les chiffres sont le produit : utilisez des chiffres tabulaires et une police dont les chiffres se distinguent facilement. - Un post de données doit montrer un seul chiffre, dire ce qu’il signifie en une phrase et nommer sa source. - Si votre produit est réglementé, concevez chaque modèle avec un espace fixe pour les mentions de risque et les petites lignes : la conformité ne cassera jamais la mise en page. Une bonne **identité fintech** équilibre trois choses : la confiance, la clarté et une touche de chaleur. La confiance, parce que l’on vous confie son argent. La clarté, parce que le produit est surtout fait de chiffres et que chacun doit se lire d’un coup d’œil. La chaleur, parce que l’argent est source de stress, et qu’une app froide ou clinique est une app que l’on évite d’ouvrir. Les banques n’ont traditionnellement résolu que le premier point, en général avec du bleu. Les fintechs que l’on aime vraiment utiliser parviennent à paraître sûres et humaines à la fois, et cet équilibre peut se concevoir. ## Pourquoi tant de marques financières sont bleues Le bleu est associé à la stabilité et au calme dans de nombreuses cultures, ce qui explique que banques, assureurs et sociétés de paiement l’aient adopté si largement. Le problème est que cette association appartient désormais à toute la catégorie. Une nouvelle fintech en bleu corporate ressemble à une banque, et ressembler à toutes les banques rend difficile de se faire remarquer. [La signification du bleu](https://gradiently.design/fr/guide/blue-color-meaning) traite des associations, et [la psychologie des couleurs](https://gradiently.design/fr/guide/color-psychology) explique pourquoi le contexte compte plus qu’une teinte isolée. ## Palettes de couleurs fintech au-delà du bleu Vous pouvez garder le calme et perdre l’uniformité. Choisissez une couleur de fond profonde et stable qui n’est pas le bleu marine, un neutre clair pour les écrans et les documents, et un accent vif pour les moments qui comptent : un paiement envoyé, un objectif atteint, un bouton à toucher. Les verts profonds évoquent la croissance sans le cliché du vert billet. La prune paraît haut de gamme. Les neutres chauds paraissent humains et réfléchis. - Vert sapin vers menthe: `linear-gradient(150deg, #052e2b 0%, #0f5f52 55%, #5eead4 100%)` - Prune vers orchidée: `linear-gradient(160deg, #2a1033 0%, #6b2a63 55%, #f0abfc 100%)` - Papier chaud vers corail: `linear-gradient(140deg, #faf7f2 0%, #efe3d3 50%, #f97361 100%)` - Encre avec un signal lime: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)` Quatre directions fintech qui évitent le bleu corporate. Chacune garde une base calme et réserve sa couleur la plus vive à une seule mission. - Vert sapin: #052e2b - Vert coffre-fort: #0f5f52 - Papier de relevé: #faf7f2 - Encre de chiffres: #1f2937 - Menthe d’envoi: #5eead4 - Corail d’alerte: #f97361 Une palette complète de travail : deux verts pour la marque, papier et encre pour la lecture, menthe pour les états de réussite et corail strictement réservé aux alertes. Remarquez que les couleurs de réussite et d’alerte font partie de la marque, pas d’un après-coup. Dans une app d’argent, le vert et le rouge ont un sens : assurez-vous que votre accent n’entre pas en conflit avec eux. [La signification du vert](https://gradiently.design/fr/guide/green-color-meaning) est utile si vous choisissez le vert comme couleur de marque elle-même. ## Les meilleures polices pour les chiffres en fintech En fintech, les chiffres sont le produit. Choisissez une police dont les chiffres sont sans équivoque : un 1 net qui ne soit pas un l, un 0 qui ne soit pas un O, un 6 et un 8 qui restent distincts en petit. Utilisez des chiffres tabulaires partout où des nombres s’alignent en colonnes ou se mettent à jour en direct, pour que les montants s’alignent et ne bougent pas quand ils changent. Beaucoup de polices d’interface les prennent en charge ; vérifiez avant de choisir. ```css .amount, .balance, table.transactions td { font-variant-numeric: tabular-nums; } .balance { font-size: 2.5rem; font-weight: 600; letter-spacing: -0.01em; } ``` Les chiffres tabulaires donnent à chaque chiffre la même largeur : soldes et colonnes de montants restent alignés. Voir [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) sur MDN. ## Concevoir des posts de données fintech Les fintechs ont des données intéressantes : comment les gens épargnent, quand ils dépensent, ce qu’une fonction a changé. Un bon post de données montre un seul chiffre, l’explique en une phrase et nomme sa source, même si c’est vos propres données anonymisées. Dix chiffres dans un visuel, c’est un rapport, pas un post, et personne ne le lit sur un téléphone. Pour des histoires plus riches, un carrousel avec un chiffre par diapositive fonctionne bien mieux ; [Concevoir une infographie](https://gradiently.design/fr/guide/infographic-design) traite de la structure. Un post de données montrant zéro livre de frais pour envoyer de l’argent à l’étranger sur les virements d’une offre Plus Un chiffre, ce qu’il signifie et la condition attachée. Assez clair pour être capturé. Un post de données carré montrant que les membres épargnent le plus à 9 h 14 le jour de paie, citant des données d’épargne anonymisées Une histoire de données tirée de votre propre produit, avec la source nommée sous le titre. > **Gardez de la place pour les petites lignes** Si votre produit est réglementé, les promotions peuvent exiger des mentions de risque, des exemples représentatifs ou des conditions d’éligibilité. Prévoyez-leur un espace fixe dans chaque modèle, de taille lisible, pour que la validation de conformité n’impose jamais une refonte de dernière minute. ## Visuels de lancement d’une app fintech Un lancement ou une nouvelle fonction demande un ensemble : le post d’annonce, une story, une version LinkedIn pour le public professionnel, une bannière de site et l’aperçu de lien pour la presse et les partages de blog. Commencez par ce que la personne peut désormais faire, avec ses mots, pas le nom de votre fonction. « Partagez une addition en deux touches » vaut mieux que « Découvrez SplitPay 2,0 ». [Visuels de lancement d’app mobile](https://gradiently.design/fr/guide/mobile-app-launch-graphics) propose une liste de contrôle complète. - Post Instagram 1080×1350: 1080 × 1350 - Story Instagram 1080×1920: 1080 × 1920 - Post LinkedIn 1200×1200: 1200 × 1200 - Bannière de site 1920×1080: 1920 × 1080 - Aperçu de lien 1200×630: 1200 × 630 Un ensemble de lancement en cinq formats, à l’échelle. Concevez-les ensemble pour que la bannière, les posts et l’aperçu soient clairement la même sortie. Une story verticale de lancement indiquant Partagez une addition en deux touches, nouveau dans l’app, mettez à jour dès aujourd’hui sur iOS et Android La story de lancement : le bénéfice en titre, le nom de la fonction introuvable. Produire à la main un ensemble de lancement à toutes les tailles est lent et source d’erreurs. Dans Gradiently, vous concevez une fois et, avec Pro, vous redimensionnez à tous les formats en une étape ; le Mark derrière les mots se calme sous les titres et les petites lignes pour qu’ils restent lisibles où qu’ils tombent. Un kit de marque Pro réunit vos logos, polices, palette et voix, et le Designer écrit avec cette voix, ce qui garde cohérents les posts de toute une équipe. [Configurer un kit de marque](https://gradiently.design/fr/guide/brand-kit-setup) le détaille. ## Donner de la chaleur à une marque fintech ### Froid - Du bleu corporate sur blanc, rien d’autre - Des photos de banque d’images de poignées de main et de gratte-ciel - « Tirer parti de solutions innovantes » - Des chiffres sans contexte - Des petites lignes coincées à la fin ### Chaleureux et fiable - Une palette calme et distinctive avec un accent amical - De vrais moments : jour de paie, jour du loyer, un voyage épargné - Des phrases simples qu’un ami dirait - Chaque chiffre avec une phrase et une source - Des petites lignes conçues dès le départ La chaleur vient surtout des mots et de la couleur, pas de l’illustration ni des blagues. Si vous construisez aussi pour des développeurs ou des entreprises, [L’identité d’une startup SaaS](https://gradiently.design/fr/guide/saas-startup-branding) traite du côté B2B, et [L’identité d’un projet crypto](https://gradiently.design/fr/guide/web3-project-branding) montre comment rester crédible dans un coin plus bruyant de la finance. ## FAQ ### Quelles couleurs pour l’identité d’une fintech ? Une couleur de fond profonde et calme qui n’est pas le bleu marine, comme le vert sapin, la prune ou l’encre, un neutre clair pour la lecture et un accent vif pour les actions clés. ### Pourquoi tant de marques fintech utilisent-elles le bleu ? Le bleu est largement associé à la stabilité et au calme : les banques l’ont adopté. Comme tant d’autres l’utilisent, il n’aide plus une nouvelle marque à se démarquer. ### Quelle police pour des chiffres financiers ? Une sans empattement nette aux chiffres bien distincts et aux chiffres tabulaires, pour que les montants s’alignent en colonnes et ne bougent pas à la mise à jour. ### Que doit contenir un post de données fintech ? Un chiffre, une phrase qui explique ce qu’il signifie et la source des données, même quand ce sont vos propres données anonymisées. ### Comment faire tenir les mentions de risque dans des visuels fintech ? Prévoyez dès le départ un espace fixe et lisible dans chaque modèle, pour que le texte obligatoire n’impose jamais une refonte.