Perché un manoscritto e non un’interfaccia
Non volevamo l’ennesima applicazione mistica. Volevamo un libro che per caso abita un browser: un libro le cui pagine si voltano una carta alla volta, il cui inchiostro asciuga fra una stesura e l’altra, i cui margini portano lo stesso filetto d’ornamento che uno stampatore del Cinquecento avrebbe controfirmato. Chiamare questo oggetto « manoscritto » invece che « interfaccia » non è un vezzo letterario: cambia ogni decisione a valle.
Un’interfaccia ottimizza la resa. Vuole portarti dall’intenzione al risultato nel minor numero di tocchi. Un manoscritto ottimizza l’attenzione. Vuole che si rallenti nei punti giusti — il respiro che raccoglie prima dell’estrazione, i due secondi zitti mentre una carta gira, la sospensione prima che l’interpretazione cominci a depositarsi. La versione di Lunarcana ottimizzata per la resa sarebbe più rapida, più leggera, e nessuno ci tornerebbe una seconda volta.
L’avorio sull’ossidiana è la prima cosa che questa postura ci chiede. Una pagina scura si legge come vellino illuminato da sotto, come l’istante in cui la candela viene accostata al libro. È anche un modo di dichiarare serietà in una categoria che è stata sovrailluminata per anni da sfumature viola e fotografie d’archivio con la sfera di cristallo. Volevamo che Lunarcana, al primo sguardo, somigliasse a un luogo serio in cui fare un lavoro interiore silenzioso, non a un gioco di prestigio da salotto.
Tre cose le abbiamo rifiutate da subito. L’iconografia mistica d’archivio in qualunque forma: niente veli svolazzanti, niente palmi luminosi, niente nebulose viola. Le finestre di dialogo nei momenti cerimoniali: il raccoglimento avviene nel flusso, lo scoprirsi delle carte avviene nel flusso, nulla interrompe. E l’inquadratura di chi annuncia l’avvenire. Lunarcana è un grimorio digitale e uno strumento di diario. È lo specchio, non l’oracolo. Tutto quello che viene dopo è al servizio di questi tre rifiuti.
La resa è degli strumenti. L’attenzione è dei riti.
Colore: avorio, ossidiana, oro
La tavolozza ha tre note. L’avorio è l’inchiostro di base: ogni paragrafo, ogni etichetta, ogni riga sommessa di metadati è avorio o una delle sue varianti smorzate. L’ossidiana è la pagina, un nero pieno mai addolcito verso il blu notte o il carbone, perché basta che il fondo si scaldi di pochi gradi e l’oro perde la sua soglia, e il manoscritto comincia a somigliare a una pagina promozionale. L’oro è la terza nota, e va razionato.
L’oro è soltanto un segnale di soglia. Marca gli istanti in cui l’attenzione deve cambiare forma: il sigillo del marchio in cima al documento, il capolettera che apre un passaggio lungo, il filetto sotto il titolo di una sezione, lo stato attivo che promette un comando raggiungibile, il taglio luminoso di una carta mentre gira, l’etichetta di posizione appena scoperta, il glifo della fase lunare nella cornice. Fuori da quelle soglie l’oro è vietato. Una pagina intera può passare senza un solo pixel dorato, ed è una scelta.
La ragione del razionamento non è estetica ma di teoria dell’informazione. Se l’oro sta dappertutto, l’oro non sta da nessuna parte: smette di essere segnale e diventa materia. Tenendolo per i momenti che cambiano davvero il rapporto di chi legge con la pagina, lasciamo che una sola scintilla calda faccia il lavoro che dieci sfumature, in un disegno meno disciplinato, non riuscirebbero a fare. La regola della soglia è la più importante di questo documento e insieme la più esposta a essere violata in sordina, sotto la pressione di una nuova funzione.
Dove l’oro è ammesso
- Il sigillo Lunarcana in cima al documento.
- Il capolettera che apre un lungo passaggio di prosa.
- Il filetto sotto il titolo di una sezione.
- Lo stato attivo e lo stato di fuoco di un comando.
- Il taglio luminoso di una carta mentre gira.
- L’etichetta di posizione di una carta appena scoperta.
- Il glifo della fase lunare nella cornice.
Il viola non lo usiamo. Non nelle sfumature, non come accento, non come stato attivo, da nessuna parte. Il viola è il luogo comune visivo di tutta la categoria delle applicazioni mistiche, ed evitarlo è il modo più economico di dire che Lunarcana sta facendo un’altra cosa.
Carattere: scala, contrasto, respiro
Nel manoscritto ci sono otto gettoni tipografici e ciascuno ha un compito solo. Display è il logotipo e il raro titolo cerimoniale. H1 apre il capitolo. Section è la soprallinea che introduce un blocco. Body è la prosa lunga che stai leggendo adesso. Body-CJK è la stessa prosa in cinese e giapponese, con disegni di lettera accordati al ritmo verticale. Eyebrow è la piccola etichetta in maiuscoletto. Quiet è il metadato a margine. Numeral è la cifra tabellare dei conteggi.
Il corpo del testo si sceglie con bodyClass(locale) — la funzione restituisce t-body per gli alfabeti latini e t-body-cjk per zh e ja — perché i caratteri cinesi e giapponesi respirano diversamente da quelli latini, e un’interlinea che in italiano suona ampia diventa stretta in 中文. Mai un controllo locale === « zh » || « ja » dentro il JSX: la funzione è il confine, e il confine si attraversa in un punto solo.
C’è una trappola di cascata da tenere a mente. Le classi .t-* di globals.css stanno fuori dai livelli, quindi utilità Tailwind arbitrarie come text-[1rem] non riescono a scavalcare corpo, spaziatura fra le lettere e interlinea su .t-display o .t-h1. Quando serve un adattamento reattivo di quei tre valori si scende allo stile in linea con clamp(), che vince su entrambi i livelli. Ci siamo sbucciati le nocche una volta sul logotype dell’intestazione; una seconda volta no.
.t-display · cerimoniale
LVNARCANA
.t-h1 · apertura di capitolo
Come abbiamo disegnato il manoscritto
.t-eyebrow · etichetta di sezione
DIREZIONE ARTISTICA
.t-body · prosa lunga
La lettura è una cerimonia, non un’interrogazione.
Questi quattro saggi vengono composti con le stesse classi .t-* che usa tutto il resto del manoscritto. Non sono un’immagine catturata. Se un giorno la voce di un gettone si sposta, lo scarto si vedrà prima qui che altrove.
Movimento: solo dissolvenze di opacità
In Lunarcana i passaggi di fase sfumano. Non scivolano, non scattano, non rimbalzano su un asse verticale. L’intero percorso di lettura — domanda, raccoglimento, estrazione, scoperta, interpretazione — si svolge dentro un unico AnimatePresence in modalità wait, con ogni fase che entra in opacità ed esce in opacità. Un’eccezione c’è: la carta ruota sul proprio asse Y mentre gira, perché una carta è una carta e una carta si volta. Ogni altro passaggio è inchiostro che compare o si ritira.
Dopo la prima iterazione abbiamo tolto layoutId. Tecnicamente layoutId è una bellezza — lascia che Framer esegua un’animazione FLIP fra due impaginazioni — ma nel nostro caso produceva piccoli sussulti quando la stesa si ricomponeva dopo la scoperta. Abbiamo sostituito quel volo con una transizione CSS su left e una dissolvenza d’opacità indipendente sulla cornice nuova, e il manoscritto ha smesso di trasalire. L’invariante è secca: nessun sussulto d’impaginazione, mai. Se fra due stati la pagina si misura diversamente, è il nuovo stato a dover riservare lo spazio prima del cambio.
La preferenza per il movimento ridotto è rispettata a ogni livello. Sotto prefers-reduced-motion il cerchio del respiro smette di respirare, il giro della carta diventa una commutazione d’opacità di 300 ms, il mazzo smette di fremere, la candela smette di guizzare e il lampo d’oro del giro resta muto. Qui l’accessibilità non è una casella da spuntare: per uno strumento di meditazione è la superficie stessa del lavoro.
Andamento dell’opacità in un passaggio di fase
Quello che non facciamo
Quasi tutti i sistemi di disegno descrivono le mosse che fanno. Il documento più difficile da scrivere, e quello che rileggiamo più spesso, è l’elenco delle mosse che rifiutiamo. Lo spazio vuoto qui è dottrina. Cinque cose stanno fuori dal campo.
Non annunciamo l’avvenire.
Lunarcana si presenta come grimorio digitale, strumento di diario, specchio interiore — mai come un servizio che dichiari quel che deve accadere. L’inquadratura porta peso: in parte perché la politica d’uso del nostro fornitore di pagamenti lo impone, soprattutto perché il lavoro interiore che le carte fanno per chi legge si disfa nell’istante in cui le carte diventano un bollettino sul futuro. Diciamo grimorio. Diciamo diario. Diciamo specchio. Non diciamo oracolo.
Non usiamo l’iconografia mistica d’archivio.
Niente sfumature viola, niente sfere di cristallo modellate in tre dimensioni, niente veli svolazzanti, niente palmi luminosi, niente nebulose dietro il mazzo. L’unica immagine mistica del manoscritto è la pittura delle carte, e la cornice intorno resta severa per scelta, perché il mazzo possa parlare con la propria voce.
Non mettiamo un muro di pagamento al centro del rito.
Il piano gratuito legge sempre. Due stese di uso quotidiano non hanno limite, le altre tornano con una cadenza mensile. Il muro, quando compare, cinge il volume e l’esportazione: mai il raccoglimento, l’estrazione, la scoperta o l’interpretazione in sé. La cerimonia appartiene a chi legge.
Non interrompiamo i momenti cerimoniali con finestre di dialogo.
Il raccoglimento si svolge nel flusso, la scoperta nel flusso, l’interpretazione si scrive nel flusso. Una finestra di dialogo in uno di quegli istanti spezzerebbe il ritmo. Le finestre restano riservate alla parte utilitaria — conferme, impostazioni, pagamenti — e non toccano mai la cerimonia.
Non facciamo partire il suono da soli.
In molte situazioni il silenzio è l’impostazione di partenza. Il tappeto d’ambiente e gli effetti si accendono per scelta, dalla cornice dell’interfaccia, e ricordano l’ultima regolazione. Un suono che sorprende qualcuno su un treno silenzioso è il modo più rapido di perderlo, e il manoscritto preferisce tacere piuttosto che essere sgarbato.
Discendenza e riferimenti
Niente di Lunarcana è stato inventato dal nulla. Questo manoscritto sta in piedi su uno scaffale lungo di lavori lenti, fatti a mano, ornati con pazienza, e riconoscere lo scaffale fa parte della disciplina. Ecco le influenze che abbiamo tenuto davanti durante le iterazioni lunghe. Nessuna è qui per il lustro del nome: ciascuna ha consegnato al libro finito una postura precisa.
- William Morris e la Kelmscott Press
- La convinzione che una pagina non sia un’impaginazione ma un tessuto, che i margini contino quanto la colonna, e che un lavoro rilegato a mano si guadagni il diritto di andare più piano della concorrenza industriale.
- Aubrey Beardsley
- La disciplina del tratto in nero e avorio, e il coraggio di lasciare nude ampie zone di pagina perché un solo ornamento possa portare tutto il discorso.
- La cromolitografia Rider-Waite del 1909
- L’iconografia e la logica cromatica del mazzo stampato — nipote inglese di una genealogia che parte dal Visconti-Sforza di Milano — e il promemoria che la mistica a stampa arriva più limpida ai suoi lettori quando smette di voler sembrare mistica e comincia a somigliare a un libro serio.
- Il manoscritto di Voynich
- L’atmosfera di una pagina che sa più di quanto spieghi. Postille ai margini. Ornamenti sottili. La disponibilità a lasciare chi legge fuori dalla propria profondità per un tratto, prima che il senso si depositi.
- Il movimento contemporaneo dello slow design
- Il permesso di rifiutare i cicli d’aggancio, lo scorrimento infinito e la cadenza a ricompensa che dominano le applicazioni di oggi, e di disegnare invece per chi ha scelto di sedersi accanto a un solo pensiero.
Un invito
Se una dottrina fa bene il suo mestiere, sparisce appena è stata assorbita. Quasi tutto quello che sta scritto qui sopra, dopo qualche minuto, somiglierà soltanto alla stanza in cui ci si trova seduti. È proprio l’intenzione. Le regole sotto la superficie stanno lì perché la superficie possa restare tranquilla.
Quando ti senti pronta o pronto, estrai una carta. Il mazzo è nella stanza accanto. La guida sta sullo scaffale poco più in alto. La pagina « Chi siamo » racconta chi tiene in custodia il manoscritto. Che la rilegatura tenga.