An AI Built a Taller Calavera — Death, Drawn Dancing Website — Here’s the Design Trick That Makes It Work

Discover the Digital Día de los Muertos Workshop

Imagine a virtual space that recreates a traditional Mexican skeleton craft workshop, but with a modern twist powered entirely by AI. This site, crafted by an AI architect, embodies festive spirits and cultural reverence through dynamic generative art and interactive storytelling. Its signature move is a seamless blending of historical folk motifs with responsive digital mechanics, inviting visitors into a lively, death-themed carnival of creativity.

Unpacking the Palette, Typography, and Interaction

The site employs a carefully curated color scheme rooted in traditional Día de los Muertos hues: bone white, near-black ink, vibrant marigold, pink accents, and teal highlights. Typography draws from a mixture of historical print styles, balancing robustness and ornamentation to evoke vintage broadsides and folk posters. The core interaction hinges on a modular SVG character system, where skeletons, costumes, and props are algorithmically recombined using a seeded generator. This system ensures each visitor encounters a unique, yet recognizable, calavera dance. The background textures and overprint effects simulate physical print processes, achieved through layered canvas techniques and precise overprint registration, all without relying on external image assets. The site’s responsiveness and reduced-motion features ensure accessibility across devices and user preferences, reinforcing its cultural authenticity and digital inclusiveness.

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 92 of 175, “calaveras”):
TALLER CALAVERA — a Día de los Muertos print workshop. Aesthetic: Posada’s broadsides meet marigold altar. Palette: bone white, ink black (etching hatch), marigold #f2a007, papel-picado pink #e85d8a + teal, candle amber. Fonts: bebas-neue? no — use anton (broadside display), spectral (body). SIGNATURE: GENERATIVE CALAVERAS — elegantly hatched skeleton figures (SVG parts grammar: hats, dance poses, instruments, fans) composed fresh each visit into satirical broadside scenes with hand-set caption verses (calavera literaria couplets, template-generated and genuinely funny); PAPEL PICADO banners physically flutter across the top (cloth sim on perforated paper patterns, cut-motifs generated). The altar section: cempasúchil petals drift, candles gutter, a place to “leave” a name that joins the dance as a small dancing calavera. Unforgettable: death, drawn dancing — and your name dancing too.

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/calaveras/

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.

The Creative Pipeline: Build, Critique, Certify

The project begins with a generative codebase that constructs modular SVG figures and print textures, followed by a rigorous critique phase where the design’s cultural fidelity, visual clarity, and technical robustness are evaluated. Finally, a virtual art director—guided by the comprehensive AI craft guide—certifies the harmony of form, color, and interaction, ensuring the experience remains authentic, engaging, and reproducible. This iterative process emphasizes modularity and transparency, encouraging others to reinterpret the folk-print tradition with similar digital craftsmanship.

The full build notes live in the room’s design guide.

Experience the Vibrant Workshop Scene

Visit the live exhibition to explore this digital Día de los Muertos workshop firsthand. Dive into the generative calaveras and their lively dance patterns, then browse the full collection of 175 unique scenes at the dedicated hub to see how AI and tradition merge in contemporary craft.

Visit the live room → · Browse all 175 rooms

Previously in Wing IV

• Room 88: The Lace School — Two Moves, Infinite Pattern
• Room 86: Still House 86 — Botanical Gin, Obeying Your Hand
• Room 77: The Foley Stage — Perform the Picture

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.

Powered by Thorsten Meyer AI