Get art and craft supplies delivered free — and shop member deals
- Fast, free delivery on millions of items
- Access to Prime Big Deal Days deals on October 6–7
- Prime Video, Amazon Music and more included
The Enchanted Venetian Atelier: A Digital Masked World
Imagine a virtual atelier where Venetian masks are brought to life amidst candlelit shadows and rising tides—this is the core of Bottega Maschera. The site’s standout feature is its dynamic, parametric mask generator, which allows visitors to explore a range of traditional mask forms through interactive controls. This signature technique lends a handcrafted feel to a digital environment, immersing users in a richly atmospheric, semi-flooded Venetian studio that feels both authentic and alive.
The Creation Journey: From Concept to Critique
Our process begins with an explicit creative brief emphasizing atmosphere and interaction. We prototype the environment by layering SVG shapes, CSS animations, and JavaScript-driven gaze routines. Following a rigorous internal critique to refine the mood, lighting, and technical robustness, the project proceeds to an art director review, ensuring the immersive experience aligns with the envisioned Venetian ambiance. This iterative pipeline guarantees a harmonious blend of craftsmanship and technical precision, documented thoroughly in the design guide for reproducibility.
The full build notes live in the room’s design guide.
The Visual and Structural Palette
The site employs a carefully curated color scheme inspired by Venetian nights—deep oxblood, shimmering gold, and muted bone tones—to evoke the atelier’s intimate mood. Typeface choices lean towards high-contrast serif and elegant italics, reinforcing a sense of craftsmanship and age. The interaction hinges on SVG-based mask shapes that are parametrically animated, allowing seamless updates without replacing entire graphics. Overlaying this, subtle gradients and layered SVG strokes craft gilded filigree and intricate ornamentation, echoing the meticulous detail of traditional mask-making. The layered interplay of tone, texture, and form creates a visual dialogue that feels both historic and tactile, achieved entirely through code rather than static images.
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 94 of 175, “maschera”):
BOTTEGA MASCHERA — a Venetian mask atelier during acqua alta. Aesthetic: candlelit bottega; carnival velvet + flood water at the door. Palette: canal night #14202b, candle gold, mask white + gilded, plague-doctor bone, velvet oxblood; a mirror-line of water with reflections at the page’s foot. Fonts: italiana (display), cormorant (body). SIGNATURE: A PARAMETRIC MASK-MAKER — compose your carnival mask live (base: bauta/colombina/volto/medico; then brow arch, cheek gilding filigree — generated ornament, plume, lacquer color) rendered as elegant layered SVG on a stand; candlelight moves and the mask’s eye-holes follow your cursor unsettlingly. IF /assets/gen/maschera/portrait.jpg exists, feature it as the atelier’s commissioned portrait with Higgsfield credit. Acqua-alta ticker (water rising through the visit; duckboards appear), mask-history cards, the anonymity ethics note. Unforgettable: the mask watching you back.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/maschera/
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.
Experience the Masked World
Visit the live digital atelier to wander through this flooded Venetian studio and explore the interactive masks. Curious to see more? Browse all 175 sections of this AI-crafted exhibition at the hub, and discover how code can evoke centuries of tradition in a single immersive sweep.
Visit the live room → · Browse all 175 rooms
Previously in Wing IV
- Room 88: The Lace School — Two Moves, Infinite Pattern
- Room 95: The Bureau of Bureaus | Form 27-B
- Room 92: Taller Calavera — Death, Drawn Dancing
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.
As an affiliate, we earn on qualifying purchases.
interactive mask design software
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Halloween Picks
halloween
As an affiliate, we earn on qualifying purchases.
