ManifesteLe design comme acte de vérité.Alethe.ai est une plateforme sur la vérité. Son design est une conséquence directe de ce positionnement : pas une décoration, pas une tendance. Chaque choix visuel est une prise de position philosophique.La plupart des produits IA cherchent à paraître intelligents. Alethe fait le pari inverse : l'intelligence n'a pas besoin de se déguiser.
L'effacementAlethe ne veut pas être vue. Elle veut que tu regardes à travers elle : vers le débat, vers les idées, vers la vérité qui émerge. L'interface est un fond neutre sur lequel les intelligences s'expriment. L'utilisateur ne doit pas remarquer l'UI. Il doit remarquer la pensée.Principe fondateur : design substratif.
Neutralité activeNeutre ne veut pas dire vide. L'interface a une présence discrète mais affirmée, chaque élément à l'écran a une raison d'être. Une seule couleur d'accent, discrète ; pas d'animations décoratives, pas de bruit visuel. Le résultat ressemble à un outil sérieux, pas à une app consumer.Pas de biais visuel, pour que le contenu IA reste le seul biais.
La page blancheUn fond blanc, net et sans détour — l'espace de la clarté, pas du décor. Le texte y pose son encre, et un seul terracotta discret souligne l'essentiel. C'est la page vierge du laboratoire et de la documentation : rien à cacher, rien qui distrait, toute la place laissée à la pensée des modèles. La couleur est rare — c'est pour ça qu'elle compte.Fond blanc #FFFFFF, encre #141413, accent terracotta #C15F3C. Palette neutre claire, adaptative light / dark.
Le radius du scalpelLes bords arrondis à 10px sont un choix chargé de sens. Trop petit → rigidité froide des années 2010. Trop grand → rondeur joviale des apps consumer. 10px est le point d'équilibre du sérieux moderne : accessible sans être enfantin, structuré sans être agressif.br={10} standard. br={16} pour les modales. 99px pour les badges, exception assumée.
Le trait qui guide sans attirerLes icônes sont tracées d'un trait fin et mesuré, jamais épais. Ce trait discret dit qu'elles ne sont pas là pour attirer l'œil, elles sont là pour guider. C'est la différence entre un panneau de signalisation et une affiche publicitaire.Trait fin, taille 16–20px. Jamais de grande icône décorative.
La chaleur sous la rigueurLe hover à 2% d'opacité, les cartes qui répondent doucement, les transitions d'orientation, le fond crème lui-même, il y a une chaleur discrète sous l'ascèse. L'interface respire, elle ne se fige pas. C'est l'art d'un outil qui respecte l'utilisateur assez pour ne pas lui en mettre plein la vue.hoverStyle={{ bg: rgba(0,0,0,0.02) }}, toujours subtil.
Anti-patternsCe que ce design refuse.
Dégradés dans l'UIDécoratifs dans l'interface, ils simulent une profondeur qui n'existe pas. (Réservés aux pages marketing.)
Ombres fortesCréent une illusion de flottement qui distrait du contenu.
Couleurs d'accent multiplesUn seul accent, chaque couleur ajoutée crée une nouvelle question de sémantique.
Grandes icônes décorativesOn décore avec du texte. Les icônes orientent, elles n'ornent pas.
Illustrations dans l'UIL'UI est texte + icônes. Les images sont du contenu généré, pas du décor.
GlassmorphismLe spectacle de l'intelligence n'est pas l'intelligence.
« L'interface est un fond neutre sur lequel les intelligences s'expriment. », Principe fondateur du design Alethe