Discover how an AI-engineered digital homage to Paris’s legendary absinthe bar transforms a static page into a living, breathing Art Nouveau spectacle. Its secret? A signature ornament generator that crafts unique, organic SVG embellishments on every visit, immersing users in an authentic Belle Époque atmosphere.
The creation of this site followed a three-stage pipeline: initial development involved translating period graphic cues into a digital language, focusing on organic SVG ornamentation and atmospheric effects. Next, a rigorous critique evaluated visual consistency, interaction clarity, and technical stability, with refinements guided by an art director’s eye for authentic detail. Finally, the project was certified for production, ensuring seamless performance and accessibility. The entire process was informed by a dedicated design guide emphasizing historical imagery, typographic hierarchy, and generative ornamentation, all executed through AI-driven scripts that produce a unique visual signature each time.
The full build notes live in the room’s design guide.
The site’s visual richness draws from a carefully curated palette of deep bottle greens, luminous golds, and soft creams, echoing historic poster art. Typographically, it employs elegant serif fonts—Playfair Display for seduction and EB Garamond for details—that are hosted locally to ensure crispness across devices. The hallmark signature is a custom SVG ornament system, dynamically generated through JavaScript, which produces intricate botanical borders and whiplash curves that never repeat, giving each visit a fresh, handcrafted feel. These ornaments are seeded with cryptographic randomness, guaranteeing unique organic flourishes that evoke the art nouveau aesthetic. Interactive elements such as louche illustrations—rendered as inline SVGs—employ CSS animations and turbulence filters to simulate the ritual’s fluid movements. The centerpiece image, a still of the iconic muse, is processed to remain sharp and integrated, with hover-driven light effects that animate the scene without external requests. Responsive design ensures the experience remains immersive across screen sizes, while reduced-motion settings preserve the ritual’s contemplative mood for sensitive users.
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 40 of 175, “absinthe”):
LA FÉE VERTE — a belle-époque absinthe house. Aesthetic: art nouveau; whiplash lines, poster ornament. Palette: absinthe green #9db54c, bottle green #16351f, gold ornament #c9a445, cream poster. Fonts: playfair-display (italic display), eb-garamond (body). SIGNATURE: an ART NOUVEAU ORNAMENT GENERATOR — parametric whiplash-vine borders (bezier flourishes, buds, tendrils) that GROW around each section as it scrolls into view, unique every load. The louche ritual, animated: water drips from a carafe over a sugar cube and the glass clouds (SVG turbulence + gradients). IF /assets/gen/absinthe/muse.jpg exists, frame it as the poster muse inside generated ornament (with a caption crediting GPT Image 2 via Higgsfield); otherwise compose a typographic poster panel. Menu of hours, house rules. Unforgettable: borders that grow like ivy.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/absinthe/
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 magic firsthand—visit the live La Fée Verte simulation and explore all 175 curated sites at the central hub to witness how AI craftsmanship elevates digital storytelling in arts and culture.
Visit the live room → · Browse all 175 rooms
Previously in Wing II
- Room 37: Alpenpost Studio – Procedural Alpine Travel Posters
- Room 26: KP-9 Station — Arctic Geomagnetic Observatory
- Room 38: The Blue Hour Club — Jazz Below Canal Street
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.
97 Decor Alphonse Mucha Art Prints, Art Nouveau Decor, 9 Pcs 7×10
- Unique Alphonse Mucha Prints: French Nouveau posters with flowing women and subtle colors
- Premium Frame Compatibility: Elevate your art with expertly crafted frames
- Complete Art Set: Includes 9 posters of famous Mucha works
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
ArtDirect Botanical Bliss Border 1 Custom Framed Art Print Giclee Print or Canvas Options with Various Sizes and Customization by Frost, Julia
- Artist: Frost, Julia
- Title: Botanical Bliss Border 1
- Print Type: Giclee or Canvas Options
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
MeloPrints Typeface Anatomy Print with Font Classification, and Properties, Graphic Designer Gifts for Studio Decor, Black
- Educational Typeface Terms: Includes serif, sans serif, kerning, and more
- Enhances Typography Skills: Helps create professional, well-designed typography
- High-Quality Print: Clear, concise explanations with beautiful design
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Inkscape 1.4+ User Guide for Beginners: A Practical Handbook for Mastering Logo Creation, SVG Design, and Print Ready Projects
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
