Pourquoi un manuscrit, et non une interface
Nous ne voulions pas faire une application mystique de plus. Nous voulions faire un livre qui se trouve habiter un navigateur — un livre dont on tourne les pages une carte à la fois, dont l’encre sèche entre deux brouillons, dont les marges portent la même ligne fine d’ornement qu’un imprimeur du seizième siècle aurait signée. Nommer cet objet « manuscrit » plutôt qu’« interface » n’est pas une coquetterie. Cela change chaque décision en aval.
Une interface optimise le débit. Elle veut aller de l’intention au résultat en le moins de touches possible. Un manuscrit optimise l’attention. Il veut qu’on ralentisse aux bons instants — le souffle de recentrement avant le tirage, les deux secondes silencieuses pendant qu’une carte tourne, la pause avant que l’interprétation ne commence à s’encrer. La version optimisée pour le débit serait plus rapide, plus petite, et vous n’y reviendriez plus.
L’ivoire sur l’obsidienne est la première chose que cette posture nous demande. Une page sombre se lit comme du vélin éclairé par en dessous, comme l’instant où la bougie s’approche du livre. Ce ton dit aussi le sérieux, dans une catégorie qu’on a trop longtemps sur-éclairée de dégradés violets et de photos de banque avec boule de cristal. Nous voulions que Lunarcana se lise, au premier regard, comme un lieu sérieux où faire un travail intérieur discret — pas comme un tour de salon.
Nous avons refusé trois choses dès le début. Refusé toute imagerie mystique de banque d’images — pas d’écharpes flottantes, pas de paumes lumineuses, pas de nébuleuses violettes. Refusé les fenêtres modales pour les moments cérémoniels — le recentrement se fait dans le flux, le dévoilement dans le flux, rien n’interrompt. Et refusé le cadrage prédictif. Lunarcana est un grimoire numérique et un outil d’écriture intime. C’est le miroir, pas l’oracle. Tout ce qui suit sert ces trois refus.
Le débit est pour les outils. L’attention est pour les rituels.
Couleur : ivoire, obsidienne, or
La palette n’a que trois notes. L’ivoire est l’encre par défaut — chaque paragraphe, chaque étiquette, chaque ligne discrète de métadonnée est ivoire ou l’une de ses variantes assourdies. L’obsidienne est la page — un noir profond, jamais adouci vers le bleu marine ni le charbon, parce qu’il suffit que le fond se réchauffe de quelques degrés pour que l’or perde son seuil et que le manuscrit se mette à ressembler à un site marketing. L’or est la troisième note, et il est rationné.
L’or ne sert que de signal de seuil. Il marque les instants où l’attention doit changer de forme — le sceau de la marque en haut du document, la lettrine qui ouvre un long passage, le trait fin sous un titre de section, l’état de survol qui promet qu’un bouton est atteignable, le tranchant lumineux d’une carte en cours de retournement, l’étiquette de position qui vient d’être dévoilée, le glyphe de la phase lunaire dans l’habillage. Hors de ces seuils, l’or est interdit. Une page entière peut se passer sans un seul pixel doré, et c’est un choix.
La raison du rationnement n’est pas esthétique, elle est de théorie de l’information. Si l’or est partout, l’or n’est nulle part — il cesse d’être un signal, il devient une matière. En le gardant pour les moments qui changent vraiment le rapport de la lectrice ou du lecteur à la page, on laisse une seule étincelle tiède accomplir le travail que dix dégradés, dans un dessin moins discipliné, échoueraient à faire. La règle du seuil est la règle la plus importante de ce document, et la plus susceptible d’être doucement enfreinte sous pression fonctionnelle.
Où l’or est autorisé
- Le sceau Lunarcana en haut du document.
- La lettrine qui ouvre un long passage de prose.
- La ligne fine sous un titre de section.
- Les états de survol et de focus d’un contrôle interactif.
- Le tranchant lumineux d’une carte de tarot en cours de retournement.
- L’étiquette de position d’une carte qui vient d’être dévoilée.
- Le glyphe de la phase lunaire dans l’habillage.
Nous n’utilisons pas de violet. Ni dans les dégradés, ni comme accent, ni comme survol, nulle part. Le violet est le cliché visuel de toute la catégorie « application mystique », et l’éviter est la manière la plus économe de signaler que Lunarcana fait autre chose.
Typographie : échelle, contraste, respiration
Le manuscrit compte huit jetons typographiques, chacun avec une seule charge. Display est le logotype et le rare titre cérémoniel. H1 ouvre le chapitre. Section est la sous-titrure qui introduit un bloc. Body est la prose longue que vous lisez à cet instant. Body-CJK est la même prose en chinois et en japonais, avec des dessins de lettres accordés au rythme vertical. Eyebrow est la petite étiquette en capitales. Quiet est la métadonnée dans la marge. Numeral est le chiffre tabulaire pour les décomptes.
Le corps se choisit par bodyClass(locale) — l’aide renvoie t-body pour le latin et t-body-cjk pour zh/ja — parce que les caractères chinois et japonais respirent autrement que les latins, et une interligne qui semble ample en anglais devient étroite en 中文. Jamais un test locale === 「zh」 || 「ja」 dans le JSX. L’aide est la frontière.
Il existe un piège de cascade à garder en mémoire. Les classes .t-* dans globals.css ne sont pas empilées en couches, ce qui signifie que des utilitaires Tailwind arbitraires comme text-[1rem] ne peuvent pas écraser la taille, l’interlettrage ou l’interligne sur .t-display ni sur .t-h1. Quand un ajustement responsive est nécessaire sur ces trois-là, on descend en style inline avec clamp() — l’inline gagne les deux couches. Nous nous y sommes cogné une fois sur le logotype du header ; il n’y en aura pas deux.
.t-display · cérémoniel
LVNARCANA
.t-h1 · ouverture de chapitre
Comment nous avons dessiné le manuscrit
.t-eyebrow · étiquette de section
DIRECTION ARTISTIQUE
.t-body · prose longue
La lecture est une cérémonie, pas une requête.
Ces quatre échantillons se rendent avec les mêmes classes .t-* que le reste du manuscrit utilise. Ce n’est pas une capture d’écran. Si la voix d’un jeton dérive un jour, la dérive apparaîtra d’abord ici.
Mouvement : fondus d’opacité seulement
Les transitions de phase dans Lunarcana s’effacent. Elles ne glissent pas, ne sautent pas, ne rebondissent pas sur un axe y. Tout le parcours de lecture — question, recentrement, tirage, dévoilement, interprétation — se déroule à l’intérieur d’un seul AnimatePresence en mode wait, chaque phase entrant en opacité et sortant en opacité. Il y a une exception : la carte elle-même tourne sur son axe Y pendant son retournement, parce que la carte est une carte et qu’une carte se retourne. Toute autre transition est de l’encre qui s’imprègne ou s’efface.
Après la première itération, nous avons retiré layoutId. layoutId est techniquement magnifique — il laisse Framer exécuter une animation FLIP entre deux dispositions — mais dans notre cas, il provoquait de discrets sauts de mise en page quand le tirage se réagençait après le dévoilement. Nous avons remplacé ce vol par une transition CSS sur left et un fondu d’opacité indépendant sur le nouvel habillage, et le manuscrit a cessé de tressaillir. L’invariant est simple : aucun saut de mise en page, jamais. Si la page se mesure autrement entre deux états, le nouvel état doit réserver la place avant le changement.
La préférence de mouvement réduit est respectée à chaque couche. Sous prefers-reduced-motion, le cercle de respiration cesse de respirer, le retournement de carte devient une bascule d’opacité de 300 ms, le jeu cesse de vibrer, la bougie cesse de vaciller, et l’éclat d’or au retournement est réduit au silence. Ici, l’accessibilité n’est pas une case à cocher — pour un outil de méditation, elle est la surface même du travail.
Rythme d’opacité pendant une transition de phase
Ce que nous ne faisons pas
La plupart des systèmes de dessin décrivent les gestes qu’ils font. Le document plus difficile à écrire, et celui que nous relisons le plus souvent, est la liste des gestes que nous refusons. L’espace en creux est doctrinal. Cinq choses sont hors limites.
Nous ne prédisons pas l’avenir.
Lunarcana est positionnée comme grimoire numérique, outil de journal intime, miroir intérieur — jamais comme service d'annonce de l'avenir. Ce cadrage porte du poids, à la fois parce que la politique d’usage acceptable de notre prestataire de paiement l’exige, et surtout parce que le travail intérieur que les cartes accomplissent pour la personne qui lit s’effondre au moment même où les cartes deviennent une annonce d’avenir. Nous disons grimoire. Nous disons journal. Nous disons miroir. Nous ne disons pas oracle.
Nous n’utilisons pas d’imagerie mystique de banque d’images.
Pas de dégradés violets, pas de boules de cristal rendues en 3D, pas d’écharpes flottantes, pas de paumes lumineuses, pas de nébuleuses derrière le jeu. La seule imagerie mystique du manuscrit, c’est la peinture des cartes elle-même, et l’écrin autour reste austère à dessein — pour que le jeu parle de sa propre voix.
Nous ne mettons pas de mur payant au cœur du rituel.
L’offre gratuite lit toujours. Deux tirages d’usage quotidien sont sans limite, les autres reviennent à un rythme mensuel. Le mur, quand il apparaît, entoure le volume et l’export — jamais le recentrement, le tirage, le dévoilement, ni l’interprétation elle-même. La cérémonie appartient à celle ou celui qui lit.
Nous n’interrompons pas les instants cérémoniels par des fenêtres modales.
Le recentrement se déroule dans le flux, le dévoilement dans le flux, l’interprétation s’écrit dans le flux. Une fenêtre modale à l’un de ces instants briserait le rythme. Les fenêtres modales sont réservées à l’utilitaire — confirmations, réglages, paiements — jamais à la cérémonie elle-même.
Nous ne lançons pas le son tout seul.
Le silence est le réglage par défaut dans beaucoup de contextes. Le lit d’ambiance et les effets se déclenchent par choix, à travers l’ossature de l’interface, et gardent le dernier réglage. Un son qui surprend une lectrice dans un train silencieux est le moyen le plus rapide de la perdre, et le manuscrit préfère se taire que se rendre grossier.
Lignée et références
Rien dans Lunarcana n’a été inventé à partir de rien. Ce manuscrit se tient sur une longue étagère de travaux lents, faits à la main, soigneusement ornés, et rendre grâce à cette étagère fait partie de la discipline. Voici les influences que nous avons gardées en tête au fil des longues itérations. Aucune n’est ici pour le nom — chacune a apporté au livre final une posture précise.
- William Morris et la Kelmscott Press
- La conviction qu’une page n’est pas une mise en page mais un tissu, que les marges comptent autant que la colonne, et que le travail relié à la main gagne le droit d’être plus lent que sa concurrence industrielle.
- Aubrey Beardsley
- La discipline du trait noir et ivoire, et l’audace de laisser de larges pans de page nus pour qu’un seul ornement porte toute la parole.
- La chromolithographie Rider-Waite de 1909
- L’iconographie et la logique de couleurs propres au jeu lui-même, et le rappel que la mystique imprimée touche plus nettement ses lecteurs quand elle cesse de vouloir paraître mystique et se met à ressembler à un livre sérieux.
- Le manuscrit de Voynich
- L’atmosphère d’une page qui sait plus qu’elle n’explique. Marginalia. Ornements fins. La disposition à laisser une lectrice ou un lecteur rester un moment hors de sa profondeur avant que le sens se dépose.
- Le mouvement contemporain du slow design
- La permission de refuser les boucles d’engagement, le défilement infini, la cadence de dopamine qui dominent les applications modernes, et de dessiner à la place pour celle ou celui qui a choisi de s’asseoir avec une seule pensée.
Une invitation
Si une doctrine fait bien son travail, elle disparaît une fois absorbée. La plupart de ce qui est écrit plus haut deviendra, en quelques minutes, l’allure de la pièce où vous êtes assis. C’est l’intention. Les règles sous la surface sont là pour que la surface puisse rester tranquille.
Quand vous êtes prêt, tirez une carte. Le jeu est dans la pièce d’à côté. Le guide, sur l’étagère au-dessus. La page « À propos » vous dira qui garde ce manuscrit. Que la reliure tienne.