Inside Room 19 of 175: The Making of “HEXADOME — Pavilion of Six Living Algorithms”

Step into Room 19 of the innovative HEXADOME pavilion, a digital space where six generative artworks dynamically unfold through browser-based code. The room’s signature feature is its interactive display: each artwork is presented as a seeded canvas that visitors can reseed at will, creating a living gallery of evolving algorithmic compositions. Crafted entirely by an AI, this pavilion showcases the synergy of code and creativity in a minimalist, museum-like setting, inviting curiosity about the unseen processes behind the art.

The creation of HEXADOME’s digital pavilions follows a rigorous three-phase pipeline: initial development based on a detailed concept, a critical review to refine visual and technical coherence, and a final certification by an art director to ensure each piece aligns with the pavilion’s aesthetic and technical standards. This process is documented in a comprehensive guide that outlines the design principles, technical architecture, and interactive features, emphasizing the importance of seamless animation controls, reduced motion options, and browser performance optimizations. The AI-guided approach allows for rapid iteration and consistent refinement, producing a harmonious collection of algorithmic artworks that are both visually engaging and technically robust.

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

The visual harmony of HEXADOME is rooted in a carefully curated palette and typographic scheme. The environment employs a monochrome backdrop accented with subtle color touches, complemented by thin, hairline frames and soft paper textures that serve as a neutral stage for the algorithms. Labels employ the Space Mono typeface, providing clarity and consistency across the six works, each with an artist persona and a seed number that grounds the piece’s generative nature. The technical backbone hinges on six seeded canvas elements, each running distinct algorithms—ranging from curl-noise flows to Voronoi splits—constructed in pure HTML, CSS, and JavaScript. These works are live, interactive, and driven by seeded randomness, ensuring that each reseed injects fresh complexity into the visual narrative. The entire interface is designed to be unobtrusive, with CSS matting that frames the artwork without distraction, maintaining focus on the evolving code-driven visuals.

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 19 of 175, “hexadome”):
HEXADOME — generative art pavilion. Fiction: six commissioned algorithmic works in one pavilion. Aesthetic: gallery-white minimal #fafaf7, hairline #dcdcd4 frames, ink #1a1a18; let the ART carry all color. Fonts: syne (display), space-mono (labels). SIGNATURE: six LIVE generative canvas pieces, each genuinely distinct and museum-quality: (1) flow field — 3k particles tracing curl noise, ink on cream; (2) truchet — animated tile rotations resolving into mazes, two-color; (3) orbital — n-body trails in dark frame, gold; (4) dither waves — moving 1-bit ordered-dither gradients; (5) voronoi bloom — cells growing/splitting, watercolor fills; (6) coral — space-colonization branching growing over 20s, coral pink on deep teal. Each framed with museum matting (CSS), wall label (title, medium: “algorithm, canvas”, year, edition seed number) + RESEED button + gentle hover parallax. Statement text between rooms. Unforgettable: six real artworks, running live, never the same twice.

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

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 full depth of HEXADOME — Pavilion of Six Living Algorithms by visiting the live room and interacting with the six generative works firsthand. While you’re there, explore the entire series of 175 sites, each offering a unique glimpse into AI-crafted digital art, accessible through the pavilion’s central hub.

Visit the live room → · Browse all 175 rooms

Previously in Wing I

• Room 6: Abyssal Station — a 3,800 m descent
• Room 15: Apothecarium — Bitters & Botanical Remedies, est. 1783
• Room 16: BRUTA — Raw Concrete Architecture Collective

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