Mode sombre sur une landing page : bonne ou mauvaise idée pour la conversion ?

Le mode sombre s'est imposé comme un standard sur les systèmes d'exploitation, les applications et une bonne partie des sites SaaS depuis quelques années — au point que certains porteurs de projet demandent une landing page en fond noir par défaut, sans se poser la question de savoir si ce choix sert vraiment la conversion. Une landing page n'est pourtant pas une application consultée pendant des heures : c'est une page à parcourir en quelques dizaines de secondes, où chaque mot doit se lire sans effort et où un seul bouton doit ressortir. La question mérite donc d'être posée sérieusement plutôt que tranchée par la mode.

Ce que dit la recherche sur la lisibilité

La comparaison entre texte clair sur fond sombre (« polarité négative ») et texte sombre sur fond clair (« polarité positive ») a été étudiée bien avant l'essor du mode sombre numérique. Une étude de référence publiée en 2013 dans la revue Ergonomics par Cosima Piepenbrock, Susanne Mayr, Iris Mund et Axel Buchner, de l'université Heinrich Heine de Düsseldorf, a testé l'acuité visuelle et la performance de relecture de texte sur les deux polarités, chez des adultes jeunes et âgés (Piepenbrock et al., 2013). Résultat : la polarité positive — texte sombre sur fond clair — produit une meilleure acuité visuelle et de meilleures performances de relecture, et cet avantage se vérifie aussi bien chez les jeunes adultes que chez les plus âgés. Les auteurs l'expliquent par la luminance : un fond clair compense en partie la baisse de l'éclairement rétinien qui survient avec l'âge, ce qui rend la polarité positive plus lisible en moyenne, indépendamment du profil du lecteur.

Et sur la performance cognitive plus largement

Une étude plus récente, publiée en 2025 dans la même revue par Tali Gazit, Tair Tager-Shafrir, Hua-Xu Zhong, Patrick C. K. Hung et Vien Cheung, a comparé les scores obtenus à des tests cognitifs en ligne selon que l'interface était affichée en mode clair ou en mode sombre, auprès de 173 participants (Gazit et al., 2025). Les scores cognitifs mesurés se sont révélés plus élevés en mode clair qu'en mode sombre, un résultat cohérent avec les travaux plus anciens sur la polarité. Aucune de ces deux études ne porte directement sur un taux de conversion — la conversion dépend de bien d'autres facteurs que le contraste — mais toutes deux convergent sur un point utile pour une page de vente : à message égal, le mode clair demande moins d'effort de lecture que le mode sombre.

Pourquoi le mode sombre séduit quand même

Ces résultats n'expliquent pas pourquoi le mode sombre reste si populaire, et la réponse tient à un autre facteur : le confort perçu dans un environnement peu éclairé. Un fond sombre réduit l'éblouissement quand on consulte un écran de nuit ou dans une pièce sombre — c'est d'ailleurs la raison pour laquelle les systèmes d'exploitation proposent un mode sombre automatique selon l'heure. Ce confort dans certaines conditions d'éclairage n'équivaut pas à une meilleure lisibilité dans l'absolu : un visiteur qui consulte votre page en pleine journée, sur un ordinateur de bureau ou en extérieur sur mobile — le cas le plus fréquent pour une landing page issue d'une publicité ou d'une recherche Google — n'a pas les mêmes besoins qu'un développeur qui code la nuit.

Ce que ça change concrètement pour une landing page

Une landing page a un objectif différent d'une application : convaincre en quelques secondes, pas offrir un confort de lecture prolongé. Deux éléments comptent alors plus que la mode : la vitesse à laquelle le message s'assimile, et le contraste du bouton d'action par rapport au reste de la page — un principe détaillé dans notre article sur la couleur de fond et la perception du prix. Un fond sombre reste tout à fait défendable pour certains univers — un produit gaming, un outil créatif, une marque qui veut signaler la modernité — à condition de soigner le contraste du texte (jamais du blanc pur sur du noir pur, qui provoque un halo inconfortable) et de réserver la teinte la plus vive du bouton CTA pour qu'elle ressorte réellement, comme le détaillent nos exemples de CTA qui convertissent. Pour une offre où la confiance et la clarté priment — formation, immobilier, service B2B, coaching — un fond clair reste le choix le plus sûr, cohérent avec ce que montre la recherche sur la lisibilité.

C'est le parti pris de nos 10 templates LanderKit (89 € l'unité, 229 € le pack complet) : des fonds clairs et des palettes à fort contraste par défaut, pensés pour qu'un visiteur qui arrive depuis une publicité comprenne l'offre en un coup d'œil plutôt que de devoir s'habituer à une interface. Le template liste d'attente SaaS (démo) illustre bien ce compromis : une identité résolument « produit tech » obtenue par les accents de couleur et la typographie, sans sacrifier la lisibilité d'un fond sombre généralisé.

Si vous tenez à proposer un mode sombre

Rien n'empêche de proposer les deux, à condition de traiter le mode sombre comme une option et non comme le mode par défaut d'une page destinée à convertir vite. Quelques règles limitent les pertes de lisibilité si vous vous lancez :

• Évitez le noir pur (#000000) : préférez un gris très foncé (#0f1115, par exemple), qui réduit l'effet de halo autour du texte clair et fatigue moins l'œil sur de longues sessions.
• Gardez un ratio de contraste texte/fond d'au moins 4,5:1 (la norme WCAG AA), vérifiable avec les outils d'audit d'accessibilité déjà évoqués dans notre article sur l'accessibilité des landing pages.
• Ne baissez jamais l'opacité ou la saturation du bouton CTA en mode sombre : c'est justement l'élément qui doit rester le plus lisible de la page.
• Testez le mode sombre en plein jour et sur mobile en extérieur avant de le généraliser : c'est là que la polarité positive garde son avantage le plus net.
• Si le doute persiste, laissez le choix au visiteur plutôt que de l'imposer — un bouton de bascule respecte à la fois sa préférence système et les résultats de la recherche sur la lisibilité par défaut.

Le mode sombre n'est ni un gadget à écarter par principe ni un standard à adopter sans réflexion : c'est un choix de design qui doit répondre à l'objectif réel de la page. Pour une landing page dont le rôle est de convaincre vite un visiteur qui ne reviendra peut-être jamais, la lisibilité prime généralement sur la tendance — voir notre anatomie d'une landing page qui convertit pour la hiérarchie complète des priorités de design.