Concevoir sur fond noir donne des résultats spectaculaires en maquette et des surprises désagréables à l’usage.
Le blanc pur fatigue
Du #ffffff sur du #000000 produit un halo perceptible, surtout sur les
longues plages de texte. Adoucir le fond à #020202 et réserver le blanc pur
aux titres suffit souvent à rendre la lecture confortable.
Les graisses fines mentent
Une graisse 300 qui paraît élégante en clair devient filiforme en sombre : le texte clair sur fond foncé s’amincit optiquement. Vérifiez toujours vos graisses fines à leur taille réelle, sur un écran réel.
Les bordures ont besoin d’aide
Une bordure à 20 % d’opacité, parfaitement visible sur un écran de studio, disparaît en plein jour sur un portable. Testez à luminosité réduite : c’est la condition d’usage la plus fréquente, pas un cas limite.
Ne jamais forcer le choix
Si votre interface n’existe qu’en sombre, assumez-le — mais respectez au moins
prefers-reduced-motion, et vérifiez que le zoom à 200 % ne casse rien.
