Warum ein Manuskript, keine Oberfläche
Wir wollten keine weitere mystische App bauen. Wir wollten ein Buch machen, das zufällig in einem Browser wohnt — ein Buch, in dem man Seite um Seite eine Karte umblättert, in dem die Tinte zwischen zwei Entwürfen trocknet, dessen Ränder dieselbe feine Ornamentlinie tragen, die auch ein Setzer im sechzehnten Jahrhundert gezogen hätte. Diesen Gegenstand „Manuskript“ zu nennen statt „Oberfläche“ ist keine Kokette. Es verändert jede nachgelagerte Entscheidung.
Eine Oberfläche optimiert den Durchsatz. Sie will vom Wunsch zum Ergebnis mit möglichst wenigen Klicks kommen. Ein Manuskript optimiert die Aufmerksamkeit. Es will, dass man an den richtigen Stellen langsamer wird — der sammelnde Atem vor dem Zug, die zwei stillen Sekunden, während sich eine Karte wendet, die Pause, bevor die Deutung ihre erste Zeile tuscht. Die durchsatzoptimierte Fassung wäre schneller, kleiner, und du kämst nicht mehr wieder.
Elfenbein auf Obsidian ist das Erste, was diese Haltung verlangt. Eine dunkle Seite liest sich wie Pergament, das von unten beleuchtet wird — wie der Augenblick, in dem die Kerze ans Buch tritt. Dieser Ton spricht auch Ernst in einer Kategorie, die viel zu lange in violetten Verläufen und Kristallkugel-Fotos überstrahlt wurde. Wir wollten, dass sich Lunarcana beim ersten Blick wie ein ernsthafter Ort für stille Innenarbeit liest — nicht wie ein Salontrick.
Wir haben von Anfang an drei Dinge abgelehnt. Abgelehnt jede Bildbank-Mystik — keine wehenden Tücher, keine leuchtenden Handflächen, keine violetten Nebel. Abgelehnt Modalfenster in zeremoniellen Momenten — das Sammeln geschieht im Fluss, das Aufdecken im Fluss, nichts unterbricht. Und abgelehnt die vorhersagende Rahmung. Lunarcana ist ein digitales Grimoire und ein Werkzeug fürs stille Journal. Es ist der Spiegel, nicht das Orakel. Alles, was folgt, dient diesen drei Verweigerungen.
Der Durchsatz gehört den Werkzeugen. Die Aufmerksamkeit gehört den Ritualen.
Farbe: Elfenbein, Obsidian, Gold
Die Palette kennt nur drei Töne. Elfenbein ist die Voreinstellung der Tinte — jeder Absatz, jede Auszeichnung, jede leise Metadatenzeile ist elfenbein oder eine seiner gedämpften Spielarten. Obsidian ist die Seite — ein tiefes Schwarz, nie ins Marineblau oder Anthrazit erweicht, denn schon eine Andeutung von Wärme im Hintergrund reicht, damit das Gold seine Schwelle verliert und das Manuskript wie eine Marketingseite zu wirken beginnt. Gold ist der dritte Ton, und es wird streng zugeteilt.
Gold dient allein als Schwellenzeichen. Es markiert die Augenblicke, in denen die Aufmerksamkeit die Form wechseln soll — das Marken-Sigill am Kopf des Dokuments, die Initiale, die einen langen Absatz eröffnet, die feine Linie unter einer Sektionsüberschrift, der Hover-Zustand, der eine Schaltfläche als erreichbar verspricht, die leuchtende Kante einer Karte im Wenden, das Positionsetikett, das gerade aufgedeckt wurde, das Mondphasenglyph im Chrom. Außerhalb dieser Schwellen ist Gold verboten. Eine ganze Seite darf ohne ein einziges Goldpixel auskommen, und das ist eine Wahl.
Der Grund für die Rationierung ist nicht ästhetisch, sondern informationstheoretisch. Wenn Gold überall ist, ist Gold nirgends — es hört auf, ein Signal zu sein, und wird Material. Reservieren wir es den Momenten, die das Verhältnis der Lesenden zur Seite wirklich verändern, so kann ein einziger warmer Funke die Arbeit tun, die zehn Verläufe in einem weniger disziplinierten Entwurf verfehlen würden. Die Schwellenregel ist die wichtigste Regel dieses Dokuments — und die am leichtesten unter funktionalem Druck aufgeweichte.
Wo Gold erlaubt ist
- Das Lunarcana-Sigill am Kopf des Dokuments.
- Die Initiale, die einen langen Prosaabschnitt öffnet.
- Die feine Linie unter einer Sektionsüberschrift.
- Die Hover- und Focus-Zustände eines interaktiven Elements.
- Die leuchtende Kante einer Tarotkarte im Wenden.
- Das Positionsetikett einer gerade aufgedeckten Karte.
- Das Mondphasenglyph im Chrom.
Wir verwenden kein Violett. Nicht in Verläufen, nicht als Akzent, nicht als Hover, nirgends. Violett ist das visuelle Klischee der gesamten Kategorie „mystische App“, und es zu meiden ist der sparsamste Weg zu signalisieren, dass Lunarcana etwas anderes tut.
Typografie: Skala, Kontrast, Atem
Das Manuskript zählt acht typografische Token, jedes mit einer einzigen Aufgabe. Display ist das Logotype und die seltene zeremonielle Überschrift. H1 öffnet das Kapitel. Section ist die Zwischenüberschrift, die einen Block einleitet. Body ist der lange Text, den du gerade liest. Body-CJK ist derselbe Text in Chinesisch und Japanisch, mit Buchstabenzeichnungen, die dem senkrechten Rhythmus entsprechen. Eyebrow ist die kleine Versalienzeile. Quiet ist die Metadaten-Randnotiz. Numeral ist die tabellierte Ziffer für Zählungen.
Der Fließtext wird über bodyClass(locale) gewählt — der Helfer gibt t-body für lateinische Locales und t-body-cjk für zh/ja zurück — weil chinesische und japanische Zeichen anders atmen als lateinische, und eine Zeilenhöhe, die im Englischen luftig wirkt, im 中文 eng wird. Nie ein locale === „zh“ || „ja“ im JSX. Die Grenze ist der Helfer.
Es gibt eine Kaskadenfalle, die man im Kopf behalten muss. Die .t-*-Klassen in globals.css liegen unlayered — willkürliche Tailwind-Utilities wie text-[1rem] können daher weder Schriftgröße noch Laufweite noch Zeilenhöhe an .t-display oder .t-h1 überschreiben. Wenn dort eine responsive Anpassung nötig ist, geht man in ein inline style mit clamp() — inline schlägt beide Schichten. Wir haben uns einmal am Header-Logotype daran gestoßen; ein zweites Mal wird es nicht geben.
.t-display · zeremoniell
LVNARCANA
.t-h1 · Kapiteleröffnung
Wie wir das Manuskript gezeichnet haben
.t-eyebrow · Sektionsetikett
KUNSTRICHTUNG
.t-body · lange Prosa
Die Lesung ist eine Zeremonie, keine Abfrage.
Diese vier Muster werden mit denselben .t-*-Klassen gerendert, die auch das übrige Manuskript nutzt. Es sind keine Screenshots. Sollte die Stimme eines Tokens einmal driften, wird die Abweichung zuerst hier sichtbar.
Bewegung: nur Deckkraft-Übergänge
Phasenwechsel in Lunarcana blenden. Sie schieben nicht, springen nicht, federn nicht auf der Y-Achse. Der gesamte Lesepfad — Frage, Sammeln, Ziehen, Aufdecken, Deutung — liegt in einem einzigen AnimatePresence im mode=„wait“, jede Phase kommt über Deckkraft herein und verlässt die Seite über Deckkraft. Eine Ausnahme gibt es: die Karte selbst dreht während ihres Wendens auf ihrer Y-Achse, weil eine Karte eine Karte ist und sich eine Karte wendet. Jede andere Übergangsbewegung ist Tinte, die einsinkt oder verblasst.
Nach der ersten Iteration haben wir layoutId entfernt. layoutId ist technisch wunderbar — Framer führt zwischen zwei Anordnungen eine FLIP-Animation aus — aber in unserem Fall verursachte es leise Layoutsprünge, wenn sich der Zug nach dem Aufdecken neu ordnete. Wir haben diesen Flug durch einen CSS-Übergang auf left und ein unabhängiges Deckkraft-Blenden des neuen Chroms ersetzt, und das Manuskript hörte auf zu zucken. Die Invariante ist einfach: kein Layoutsprung, niemals. Misst sich die Seite zwischen zwei Zuständen anders, muss der neue Zustand seinen Platz vor dem Wechsel reservieren.
prefers-reduced-motion wird in jeder Schicht respektiert. Unter reduzierter Bewegung hört der Atemkreis auf zu atmen, die Kartenwendung wird zu einer 300-ms-Deckkraft-Umschaltung, das Deck hört auf zu schwingen, die Kerze hört auf zu flackern, und der Goldfunke im Wendemoment verstummt. Zugänglichkeit ist hier kein Häkchen — für ein Meditationswerkzeug ist sie die eigentliche Arbeitsfläche.
Deckkraftrhythmus während eines Phasenwechsels
Was wir nicht tun
Die meisten Designsysteme beschreiben die Gesten, die sie ausführen. Das schwerere Dokument, und das, das wir am häufigsten wieder lesen, ist die Liste der Gesten, die wir verweigern. Der Leerraum ist Lehre. Fünf Dinge liegen außerhalb der Grenze.
Wir sagen die Zukunft nicht voraus.
Lunarcana wird als digitales Grimoire, Werkzeug fürs stille Journal und innerer Spiegel positioniert — nie als Dienst der Zukunftsansage. Diese Rahmung trägt Gewicht, sowohl weil die Nutzungsrichtlinie unseres Zahlungsdienstleisters sie verlangt, als auch — und vor allem — weil die innere Arbeit, die die Karten für die Lesende leisten, im selben Augenblick zerbricht, in dem die Karten zur Zukunftsansage werden. Wir sagen Grimoire. Wir sagen Journal. Wir sagen Spiegel. Wir sagen nicht Orakel.
Wir arbeiten nicht mit mystischer Bildbank-Ikonografie.
Keine lila Verläufe, keine dreidimensionalen Kristallkugeln, keine wehenden Tücher, keine glühenden Handflächen, keine Nebel hinter dem Deck. Die einzige mystische Bildwelt im Manuskript ist die Malerei der Karten selbst; der Rahmen darum bleibt bewusst nüchtern — damit das Deck mit seiner eigenen Stimme spricht.
Wir stellen keine Bezahlschranke ins Herz des Rituals.
Das kostenlose Angebot liest immer. Zwei tägliche Legungen sind ohne Limit, andere kehren im Monatsrhythmus wieder. Die Schranke, wo sie erscheint, umkreist Umfang und Export — nie das Sammeln, das Ziehen, das Aufdecken, die Deutung selbst. Die Zeremonie gehört der Lesenden.
Wir unterbrechen die zeremoniellen Momente nicht mit Modalfenstern.
Sammeln geschieht im Fluss, Aufdecken im Fluss, Deutung schreibt sich im Fluss. Ein Modal in einem dieser Momente würde den Rhythmus zerreißen. Modale sind dem Nutzwert vorbehalten — Bestätigungen, Einstellungen, Zahlung — nie der Zeremonie selbst.
Wir starten den Ton nicht von selbst.
Stille ist die Voreinstellung an vielen Orten. Das Klangbett und die Effekte werden bewusst angestoßen, im Gerüst der Oberfläche, und behalten die letzte Einstellung. Ein Ton, der eine Lesende im stillen Zug überrascht, ist der schnellste Weg, sie zu verlieren — und das Manuskript ist lieber stumm als aufdringlich.
Linie und Verweise
Nichts in Lunarcana ist aus dem Nichts erfunden. Dieses Manuskript steht auf einem langen Regal langsamer, handgemachter, sorgfältig ornamentierter Arbeit, und diesem Regal Dank zu sagen gehört zur Disziplin. Diese Einflüsse haben wir über die langen Iterationen im Kopf behalten. Keiner ist bloß ein Name — jeder hat dem fertigen Buch eine bestimmte Haltung geschenkt.
- William Morris und die Kelmscott Press
- Die Überzeugung, dass eine Seite kein Layout ist, sondern ein Gewebe, dass die Ränder ebenso zählen wie die Spalte, und dass handgebundene Arbeit das Recht auf ein langsameres Tempo verdient als ihre industrielle Konkurrenz.
- Aubrey Beardsley
- Die Disziplin des schwarzen und elfenbeinfarbenen Strichs — und der Mut, weite Flächen der Seite leer zu lassen, damit ein einziges Ornament die ganze Rede trägt.
- Der Rider-Waite-Farbdruck von 1909
- Die Ikonografie und Farblogik des Decks selbst — und die Erinnerung, dass gedruckte Mystik ihre Lesenden dann klarer erreicht, wenn sie aufhört, mystisch aussehen zu wollen, und wieder ein ernst zu nehmendes Buch wird.
- Das Voynich-Manuskript
- Die Atmosphäre einer Seite, die mehr weiß, als sie erklärt. Marginalia. Feine Ornamente. Die Bereitschaft, eine Lesende einen Moment jenseits ihrer Tiefe stehen zu lassen, bevor sich der Sinn setzt.
- Die zeitgenössische Slow-Design-Bewegung
- Die Erlaubnis, die Engagement-Schleifen, den unendlichen Scroll und den Dopamin-Takt moderner Apps abzulehnen — und stattdessen für jemanden zu zeichnen, der sich entschieden hat, mit einem einzigen Gedanken sitzen zu bleiben.
Eine Einladung
Wenn eine Lehre gut arbeitet, verschwindet sie, sobald sie aufgenommen ist. Das meiste von dem, was oben geschrieben steht, wird in wenigen Minuten zur Anmutung des Raumes, in dem du sitzt. So ist es gemeint. Die Regeln unter der Oberfläche stehen dort, damit die Oberfläche still bleiben kann.
Wenn du soweit bist, zieh eine Karte. Das Deck liegt im Nebenzimmer. Der Guide steht im Regal darüber. Die Über-uns-Seite wird dir sagen, wer dieses Manuskript hütet. Möge die Bindung halten.