Por qué un manuscrito y no una interfaz
No queríamos hacer otra app mística. Queríamos hacer un libro al que le tocó vivir en un navegador — un libro cuyas páginas se pasan de a una carta, cuya tinta se seca entre borrador y borrador, cuyos márgenes llevan los mismos filetes finísimos que un impresor del siglo XVI habría dado por buenos. Llamarlo manuscrito y no interfaz no es adorno poético. Cambia todas las decisiones que vienen después.
Una interfaz optimiza el caudal. Quiere llevarte de la intención al resultado con la menor cantidad de toques posible. Un manuscrito optimiza la atención. Quiere que frenes en los momentos justos — la respiración que te centra antes de sacar las cartas, los dos segundos callados mientras una se voltea, la pausa antes de que la interpretación empiece a entintarse. La versión de Lunarcana optimizada para el caudal sería más rápida y más liviana, y no volverías nunca.
La paleta de marfil sobre obsidiana es lo primero que pide esta postura. Una página oscura se lee como pergamino iluminado desde abajo, como el momento en que la vela se acerca al libro. También señala seriedad en una categoría sobreiluminada a fuerza de degradados morados y fotos de banco con bolas de cristal. Queríamos que Lunarcana se leyera, a primera vista, como un lugar serio para hacer un trabajo interior silencioso — no como un truco de feria.
Descartamos tres cosas desde el arranque. Descartamos la imaginería mística de catálogo en cualquiera de sus formas — ni velos al viento, ni palmas que brillan, ni nebulosas moradas. Descartamos las ventanas emergentes en los momentos ceremoniales — centrarse ocurre en el flujo, el descubrimiento ocurre en el flujo, nada interrumpe. Y descartamos el encuadre de la lectura de la suerte. Lunarcana es un grimorio digital y un instrumento de diario. Es el espejo, no el oráculo. Todo lo de abajo está al servicio de esas tres renuncias.
El caudal es para las herramientas. La atención es para los rituales.
Color: marfil, obsidiana, oro
La paleta son tres notas. El marfil es la tinta por defecto — cada párrafo de cuerpo, cada etiqueta, cada línea discreta de metadatos es marfil o alguna de sus variantes desvaídas. La obsidiana es la página — negra del todo, jamás suavizada hacia el azul marino o el carbón, porque en cuanto el fondo se entibia unos grados el oro pierde su umbral y el manuscrito empieza a parecer un sitio de marketing. El oro es la tercera nota, y se raciona.
El oro es solo una señal de umbral. Marca los momentos en que la atención debe cambiar de forma — el sigilo de la marca en la cabecera del documento, la capitular que abre un pasaje largo, el filete bajo el título de una sección, el estado de hover que promete que un botón está al alcance, el canto encendido de una carta a mitad del giro, la etiqueta de posición que acaba de descubrirse, el glifo de la fase lunar en el marco. Fuera de esos umbrales, el oro está prohibido. Una página entera puede pasar sin un solo píxel dorado, y eso es una virtud.
La razón del racionamiento es de teoría de la información, no de gusto. Si el oro está en todas partes, no está en ninguna — deja de cargar señal y se vuelve textura. Al reservarlo para los momentos que de verdad cambian la relación de la persona con la página, dejamos que una sola chispa cálida haga el trabajo que, en un diseño menos disciplinado, diez degradados no lograrían. La regla del umbral es la más importante de este documento y la que con más probabilidad se viola en silencio cuando aprieta la presión por sacar funciones.
Dónde se permite el oro
- El sigilo de Lunarcana en la cabecera del documento.
- La capitular que abre un pasaje largo de cuerpo.
- El filete bajo el título de una sección.
- El estado de hover y de foco de un control interactivo.
- El canto encendido de una carta de tarot a mitad del giro.
- La etiqueta de posición de una carta que acaba de descubrirse.
- El glifo de la fase lunar en el marco.
No usamos morado. Ni en degradados, ni como acento, ni como estado de hover, ni en ninguna parte. El morado es el cliché visual de toda la categoría de apps místicas, y evitarlo es la forma más eficiente de señalar que Lunarcana está haciendo otra cosa.
Tipografía: escala, contraste, aire
Hay ocho tokens tipográficos en el manuscrito y cada uno tiene un solo oficio. Display es el logotipo y el raro título ceremonial. H1 es la apertura de capítulo. Section es la cejilla que presenta un bloque. Body es la prosa larga que estás leyendo ahora mismo. Body-CJK es esa misma prosa en chino y japonés, con letras afinadas para el ritmo vertical. Eyebrow es la etiqueta pequeña en mayúsculas. Quiet son los metadatos del margen. Numeral es la cifra tabular que se usa en los conteos.
El cuerpo se elige con bodyClass(locale) — el ayudante devuelve t-body para las escrituras latinas y t-body-cjk para zh/ja —, porque las letras chinas y japonesas respiran distinto de las latinas, y el mismo interlineado que en español se lee generoso en 中文 se lee apretado. Nunca se pone en línea, dentro del JSX, una comprobación del tipo locale === "zh" || "ja". El ayudante es la frontera.
Hay una trampa de cascada que conviene aprenderse de memoria. Las clases .t-* de globals.css no están en ninguna capa, lo que significa que una utilidad arbitraria de Tailwind como text-[1rem] no va a pisar el tamaño de fuente, el espaciado de letras ni el interlineado de .t-display o .t-h1. Cuando hace falta un ajuste responsivo de esas tres propiedades, se baja a un style en línea con clamp() — el estilo en línea gana en ambas capas. Nos mordió una vez en el logotipo del encabezado y no va a volver a pasar.
.t-display · título ceremonial
LVNARCANA
.t-h1 · apertura de capítulo
Cómo dibujamos el manuscrito
.t-eyebrow · etiqueta de sección
DIRECCIÓN DE ARTE
.t-body · prosa larga
La lectura es una ceremonia, no una consulta.
Estas cuatro muestras se renderizan con las mismas clases .t-* que usa el resto del manuscrito. No son una captura de pantalla. Si la voz de un token llegara a desviarse, la desviación aparecería aquí primero.
Movimiento: fundidos de pura opacidad
Las transiciones de fase en Lunarcana se funden. No se deslizan, no saltan, no rebotan sobre un eje vertical. Todo el recorrido de la lectura — pregunta, respiración, sacar las cartas, descubrirlas, interpretación — ocurre dentro de un único AnimatePresence en modo wait, y cada fase entra con opacidad y sale con opacidad. Hay una sola excepción: la propia carta gira sobre su eje Y durante el volteo, porque una carta es una carta y las cartas se voltean. Cualquier otra transición es tinta que aparece o que se desvanece.
Quitamos layoutId después de la primera iteración. Es técnicamente hermoso — deja que Framer anime el vuelo de un elemento entre dos disposiciones —, pero en nuestro caso provocaba saltos sutiles cuando la tirada se reacomodaba tras el descubrimiento. Reemplazamos el vuelo por una transición CSS sobre left y un fundido de opacidad aparte para el marco nuevo, y el manuscrito dejó de dar respingos. La invariante es: ningún salto de diseño, jamás. Si la página mide distinto entre dos estados, el estado nuevo tiene que reservar su espacio antes del cambio.
El movimiento reducido se respeta en todas las capas. Bajo prefers-reduced-motion, el círculo de respiración deja de respirar, el giro de la carta se convierte en un cambio de opacidad de 300 ms, la baraja deja de temblar, la vela deja de titilar y el destello dorado del volteo se suprime. Aquí la accesibilidad no es una casilla que marcar — en una herramienta de meditación, es la superficie misma.
Tiempo de opacidad en una transición de fase
Lo que no hacemos
La mayoría de los sistemas de diseño describen los movimientos que hacen. El documento más difícil, y el que más releemos, es la lista de movimientos que nos negamos a hacer. El espacio negativo es doctrina. Cinco cosas quedan fuera del tablero.
No predecimos el futuro.
Lunarcana se presenta como un grimorio digital, un instrumento de diario, un espejo interior — nunca como adivinación ni lectura de la suerte. El encuadre carga peso estructural: en parte porque la política de uso aceptable de nuestro procesador de pagos lo exige, y sobre todo porque el trabajo interior que las cartas le permiten a quien lee se deshace en cuanto se las convierte en pronóstico. Decimos grimorio. Decimos diario. Decimos espejo. No decimos oráculo.
No usamos imaginería mística de catálogo.
Ni degradados morados, ni bolas de cristal renderizadas, ni velos al viento, ni palmas que brillan, ni nebulosas detrás de la baraja. La pintura de las cartas es la única imaginería mística del manuscrito, y el marco que las rodea es austero a propósito, para que la baraja hable con su propia voz.
No ponemos un muro de pago en el corazón del ritual.
El plan gratuito siempre lee. Dos tiradas de hábito diario no tienen límite y el resto se abre con una cadencia mensual. El muro, cuando aparece, rodea el volumen y la exportación — nunca la respiración inicial, ni el sacar las cartas, ni el descubrirlas, ni la interpretación misma. La ceremonia le pertenece a quien lee.
No interrumpimos con ventanas emergentes en los momentos ceremoniales.
Centrarse ocurre en el flujo, el descubrimiento ocurre en el flujo, la interpretación se escribe en el flujo. Una ventana emergente en cualquiera de esos instantes haría añicos el ritmo. Las modales quedan reservadas para lo utilitario — confirmaciones, ajustes, pagos —, nunca para la ceremonia.
No reproducimos sonido sin permiso.
El silencio es el ajuste por defecto en la mayoría de los contextos. El lecho sonoro ambiental y los efectos se encienden desde el marco, por decisión de quien lee, y recuerdan su última elección. Un audio que sorprende a alguien en un tren callado es la forma más rápida de perderlo, y el manuscrito prefiere estar mudo antes que ser maleducado.
Linaje y referencias
Nada en Lunarcana se inventó de la nada. El manuscrito se apoya en una larga repisa de trabajo lento, hecho a mano y ornamentado con cuidado, y darle crédito a esa repisa es parte de la disciplina. Estas son las influencias que tuvimos presentes durante las iteraciones largas. Ninguna está aquí por lucirla — se enumeran porque cada una aportó una postura concreta al libro terminado.
- William Morris y la Kelmscott Press
- La convicción de que una página no es una maqueta sino un tejido, de que los márgenes importan tanto como la columna, y de que el trabajo cosido a mano se gana el derecho a ser más lento que su competencia industrial.
- Aubrey Beardsley
- La disciplina del trazo en negro y marfil, y el coraje de dejar vacías grandes zonas de la página para que un solo ornamento diga todo lo que hay que decir.
- La cromolitografía Rider–Waite de 1909
- La iconografía y la lógica de color concretas de la propia baraja, y el recordatorio de que el misticismo impreso llega con más claridad a quien lo lee cuando deja de intentar parecer místico y empieza a intentar parecer un libro serio.
- El manuscrito Voynich
- La atmósfera de una página que sabe más de lo que explica. Marginalia. Ornamentos finísimos. La disposición a dejar que quien lee se sienta un rato fuera de su profundidad antes de que el sentido se asiente.
- El movimiento contemporáneo del diseño lento
- El permiso para rechazar los patrones de bucle de enganche, alimentados a golpe de deslizar y cadenciados a dopamina que dominan las apps modernas, y diseñar en cambio para alguien que eligió sentarse con un solo pensamiento.
Una invitación
Si una doctrina hace bien su trabajo, desaparece una vez que la absorbiste. Casi todo lo escrito arriba, al cabo de unos minutos, va a sentirse simplemente como la habitación en la que te tocó estar sentado. Esa es la intención. Las reglas de debajo de la superficie existen para que la superficie pueda quedarse callada.
Cuando estés lista o listo, saca una carta. La baraja está en la habitación de al lado. La guía, en la repisa de encima. La página sobre Lunarcana te cuenta quién custodia el manuscrito. Ojalá la encuadernación aguante.