Inside Room 91 of 175: The Making of "The Snow Globe Workshop — Miniature Winters, Bottled"

AIThis post was created with the assistance of artificial intelligence (AI).

The Snow Globe Workshop — Miniature Winters, Bottled — Physics-based Simulation — Room 91 of 175: “The Snow Globe Workshop — Miniature Winters, Bottled” — visit the live site.

Discover the Magic Within Room 91

In a secluded corner of a fictional exhibition space, an AI-crafted installation embodies the nostalgic charm of a winter scene sealed inside a glass dome. Its signature move is a meticulously simulated snowfall, where each snowflake behaves with realistic physics, flowing and settling as if caught in a gentle breeze. This immersive experience transforms a simple craft into a digital wonderland, inviting viewers to witness the delicate dance of winter frozen in time.

The Creation Pipeline

The process begins with a conceptual build, where materials and motion are defined through an AI-generated blueprint. Next, a rigorous critique refines the physics simulation, optimizing snowflake behavior and terrain interaction to ensure naturalistic movement and accumulation. Finally, the art director certifies the piece, balancing technical accuracy with aesthetic harmony, guided by a dedicated field manual that emphasizes storytelling through material and motion. This iterative pipeline ensures each detail enhances the illusion of a tiny winter world preserved in glass.

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

Design Elements and Material Interplay

The installation harmonizes a muted color palette—deep blues, warm brass accents, soft whites—with textured materials like glass, walnut wood, and brass to evoke a tangible sense of craftsmanship. The visual system is layered: an inline SVG crafts the village silhouette, CSS inset shadows create a refractive rim mimicking glass, and a canvas layer animates the falling snow. The signature technique relies on a responsive, physics-based simulation that seeds hundreds of snowflakes with variable fall rates and sizes, which interact with terrain profiles and accumulate realistically within a 120-cell height field. These details are governed by a precise interplay of SVG for static elements, CSS for visual depth, and JavaScript for dynamic physics, all working seamlessly to produce a believable, handcrafted winter scene.

Live view of The Snow Globe Workshop — Miniature Winters, Bottled — The room as it renders live — open it in your browser.

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 91 of 175, “snowglobe”):
THE SNOW GLOBE WORKSHOP — miniature winters, bottled. Aesthetic: toymaker’s bench at Christmas-card dusk. Palette: dusk blue #2b3450, globe-glass highlights, miniature warm windows, snow white, base walnut + brass plaque. Fonts: young-serif (display), baloo-2 (labels). SIGNATURE: SHAKE THE WINTER — a large glass globe (SVG scene inside: tiny village, pines, a skater on a mirror pond) with REAL SNOW PHYSICS: grab and shake (drag velocity) to stir thousands of flakes that swirl with the fluid impulse and settle believably on roofs and ground (accumulation drifts!); tilt makes drifts slide. A shelf of other globes (each a different miniature scene — lighthouse gale with sideways snow, desert globe with sand) that you can lift down. The one-glassblower story, snow recipe (bone-china chips) lore. Unforgettable: snow that remembers where it landed.

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

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 Snow Globe Live

Visit the virtual exhibition to explore this AI-crafted marvel, along with 174 other miniature worlds in the hub. Discover how digital craftsmanship breathes new life into traditional craft motifs, and witness the intersection of art, technology, and storytelling in this unique installation.

Visit the live room → · Browse all 175 rooms

Previously in Wing IV

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.

Amazon