Inside Room 99 of 175: The Making of “The Frost Herbarium — Room 99”

Discover the Frost Herbarium — a virtual window into winter’s ephemeral beauty

This AI-crafted exhibition transforms a simple glass pane into a nocturnal botanical archive, capturing the fleeting nature of frost and light. Its signature move is an interactive breath of warmth: visitors can hold a virtual press to glimpse a moment of winter’s glow before it dissolves, creating a sense of loss and fleeting wonder that immerses users in the fragile beauty of seasonal change.

Unpacking the visual language and technical craft

The exhibit employs a restrained color palette dominated by icy blues and warm ambers, reinforcing the contrast between cold frost and human warmth. The design intricately layers CSS shapes—distant windows, sashes, and snowbanks—under a transparent canvas that hosts the animated frost crystal growth. The signature technique involves deterministic seed-based drawing of specimen silhouettes, ensuring consistent visual identity without large image assets. The scene uses offscreen canvases for performance, while an intersection observer manages section reveal to optimize for different viewing conditions and reduce motion effects, making the experience both accessible and smooth.

The creation pipeline: from concept to critique

The project begins with conceptualizing a nocturnal window as an ephemeral herbarium, then moves into building a diffusion-limited lattice simulation of frost growth, guided by temperature-dependent parameters. Next, a rigorous critique phase refines the visual storytelling, balancing scientific precision with poetic abstraction. Finally, an art director certifies the piece, ensuring it evokes the intended emotional response of a brief spring in winter’s grip, before releasing it as an interactive exhibition designed entirely by AI.

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 99 of 175, “frostfern”):
THE FROST HERBARIUM — ice flowers on winter glass. Aesthetic: night window botany; breath and crystal. Palette: window night blue-black #0d1626, frost white-cyan crystal, sodium streetlamp amber outside, sill wood. Fonts: cormorant (display), outfit (body). SIGNATURE: GROW FROST LIVE — diffusion-limited aggregation (DLA) grows real fern-frost across the window pane before you (branching crystals with prismatic glints, thousands of particles), seeded from the sill and your touches; BREATHE on the glass (hold) to melt a clear circle — the streetlamp scene outside shows through — then watch frost RECLAIM it, needle by needle; temperature slider changes crystal habit (feathery ferns vs. sharp spears vs. sheet ice), each labeled like herbarium specimens (“Fern frost, −4°, humid night”). The physics-as-poetry note, a gallery of preserved panes. Unforgettable: melting a window with your breath and losing to winter.

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

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 Frost Herbarium firsthand

Visit the live virtual exhibition to explore the delicate frost formations and transient light effects. For those interested in digital craftsmanship, browse through all 175 AI-built scenes at the exhibition hub, each offering a unique window into the art of generative winter landscapes.

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.

Powered by Thorsten Meyer AI