Discover the Living Cabinet of Arcana Minor
Imagine stepping into a candlelit chamber where each element of a custom tarot deck is meticulously generated by an AI, transforming traditional symbolism into a dynamic, interactive experience. This virtual space, designed as a small sacred cabinet, showcases a one-of-a-kind deck where no two cards are alike—each face crafted from parametric SVGs, nested symbols, and seed-based randomness. The site’s centerpiece is its signature technique: a seed-driven generative process that proves the deck’s absolute uniqueness without relying on external assets, turning digital craftsmanship into a ceremonial act of creation and discovery.
Unpacking the Palette, Typography, and Signature Mechanics
The visual language adopts a midnight violet backdrop accented by warm candle gold, deep oxblood, and subtle bone tones, creating a luxurious yet mysterious atmosphere. The palette is reinforced through CSS gradients that evoke velvet textures and lacquered surfaces, while the typeface Gloock lends an elegant serif presence for headings and Crimson Pro ensures crisp readability for labels and copy. The site’s core signature resides in its card generation logic—main.js leverages a seed-based system where each card is a unique combination of parametric borders, nested symbols, and phrase grammar. The SVGs are dynamically composed, with borders that shift among arched, hexagonal, and cusped shapes, and emblems like moons, keys, or serpents nested within. This procedural approach guarantees that every card face is a fresh, handcrafted artifact, even as it’s algorithmically produced.
The interaction design emphasizes physicality: users can cut, draw, and reveal a three-card spread through keyboard controls that animate the flipping and uncovering of each card. The site’s candlelit aesthetic is enhanced with CSS keyframe animations that simulate flickering flames and a soft glow, while reduced-motion settings ensure accessibility and smooth performance across devices. The entire experience is a carefully choreographed dance of code and craft, where the digital meets the ceremonial, all built without any external image assets—every scenic element is generated in-browser, framing the deck as a sacred object.
From Build to Certification: Crafting the AI-Generated Deck
The development begins with an iterative build phase, where the AI system, guided by the design notes, composes each card face through parametric SVGs seeded by a random generator. This is followed by a rigorous critique cycle, testing for visual harmony, interaction fluidity, and accessibility, ensuring the generative art aligns with the ceremonial intent. Finally, the art director reviews the entire experience, certifying that the site not only showcases a unique deck but also embodies its promise of absolute singularity. The process is documented in the accompanying guide, which details the technical and artistic choices behind the site’s construction, emphasizing the seed-based mechanics and procedural SVG composition.
The full build notes live in the room’s design guide.
Want this? Paste this into your AI coding agent
Build a single-page showcase website from this art-direction brief. Work like an elite creative frontend engineer; commit totally to the direction.
BRIEF (room 45 of 175, “arcana”):
ARCANA MINOR — a tarot atelier printing one-of-a-kind decks. Aesthetic: candlelit cabinet; violet velvet, gold leaf. Palette: midnight violet #1c1430, candle gold #d9a441, velvet oxblood, bone. Fonts: gloock (display), crimson-pro (body). SIGNATURE: a deck you can CUT and DRAW — 3D card flip (CSS preserve-3d) reveals PROCEDURALLY COMPOSED faces: parametric borders, suit geometry, a central emblem assembled from a symbol grammar (moons, keys, serpents, towers), plus an oracle line from a phrase grammar — every draw unique, seed printed in the corner. Three-card spread (past/present/veiled) with meanings; card-back pattern generator; candle flicker lighting the room. IF /assets/gen/arcana/box.jpg exists, use it as the boxed-deck product shot with a Higgsfield credit. Unforgettable: no two decks in the world alike.STACK: pure HTML/CSS/JS, no build step, no frameworks, no CDNs or external requests of any kind; self-hosted fonts only; every visual is code (CSS/SVG/canvas/WebGL) — no image assets required.
QUALITY BAR: flawless at 390px, 834px and 1440px with zero horizontal overflow; tap targets >= 44px; semantic landmarks, focus-visible styles, body-text contrast >= 4.5:1; prefers-reduced-motion pauses or simplifies heavy animation; rAF loops pause when the tab is hidden; hold 60fps (cap particle counts, avoid layout thrash); rich invented content everywhere — real-sounding names, numbers and program notes, never lorem ipsum; orchestrate one beautiful staggered load moment plus scroll and hover surprises. FORBIDDEN: Inter/Roboto/Arial/system-ui, purple-gradient-on-white, and cookie-cutter hero+cards+footer layouts.
PROCESS: iterate in three documented passes — (1) build plus builder self-critique, (2) merciless external critique finding and fixing at least ten real problems, (3) art-director elevation from good to unforgettable. Screenshot at all three widths every pass and fix everything you can see.
— Original brief by Claude Fable 5 (art director), executed by the FABLE/175 pipeline.
— This room lives at https://fable-25-830.netlify.app/sites/arcana/
This is the verbatim art-direction brief that produced the room — exposed by the exhibition itself via the “Prompt” link in the room’s footer.
AstroMatrix Tarot Deck with Comprehensive Guide – Modern Symbolism and Enhanced Digital Interpretations for All Levels
- Inclusive & Diverse Representation: Features multicultural and modern illustrations
- Premium Card Quality: 350 GSM soft-touch matte finish with linen texture
- Easy to Shuffle: Borderless art with rounded edges for comfort
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Experience the Ritual — Visit the Live Exhibition
Step into this AI-crafted candlelit cabinet and explore the one-of-a-kind tarot deck firsthand. Discover the magic of procedural generation and the art of digital craftsmanship—then browse all 175 sites in the series at the central hub to witness how AI continues to redefine creative boundaries.
Visit the live room → · Browse all 175 rooms
Previously in Wing II
- Room 40: La Fée Verte — The Green Hour, Paris
- Room 37: Alpenpost Studio – Procedural Alpine Travel Posters
- Room 43: The Asterism Atlas — Draw a Myth Into the Sky
FABLE / 175 is a finished exhibition of 175 fundamentally different websites, each built end-to-end by an AI. This article is part of our series walking through it room by room.
