Within the digital confines of this AI-crafted exhibition, Room 59 showcases an immersive recreation of a vintage carnival attraction—”The Meridian Carousel.” This virtual installation evokes the nostalgic charm of 1908 fairground rides, blending painted motion, mechanical elegance, and dusk-inspired palette choices. Its signature move is a stunning CSS 3D carousel that dynamically rotates and rises, mimicking the gentle sway of a real carousel at twilight. Visitors experience a kinetic ride through time, where interactive horses and vintage typography create an authentic sense of mechanical romance, all built to evoke a memory infused with machinery and warm hues.
The design palette centers around a dusky violet background, reminiscent of evening twilight, contrasted with warm carousel cream accents that evoke painted wood and paper tickets. Sharp splashes of carmine and gilt introduce theatrical moments, anchoring the scene in a period-appropriate aesthetic. The typography employs Abril Fatface for prominent headlines, echoing vintage posters, while Zilla Slab maintains warmth in paragraph text with a period-adjacent feel. The signature interaction, a CSS 3D carousel, is achieved through a ring of eight SVG-rendered horses, each meticulously carved with detailed contours and expressive features. These horses rotate in a staggered rhythm, responding to user input via pointer devices or keyboard navigation, creating a sense of movement and mechanical precision. The entire experience is enhanced with code-generated atmospheric elements—glowing bulbs along SVG cables, flickering lamps, and subtle sound effects—crafted to evoke a lively fairground at dusk. The site’s code employs an innovative CSS 3D transform technique, where each horse is a separate inline SVG, animated via JavaScript to rotate and rise with a wave-like motion. Nighttime photography assets, such as horses.jpg, are integrated into the scene with radial masks that simulate movable lantern lighting, adding to the authenticity. The ambient atmosphere, combined with audio cues like a vintage waltz, immerses visitors in a nostalgic journey that marries physical materials—painted wood, brass fixtures, bulbs—with digital craftsmanship.
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 59 of 175, “carousel”):
THE MERIDIAN CAROUSEL — a fairground ride at dusk, 1908. Aesthetic: painted wood, brass poles, string lights. Palette: dusk sky #2b2440, carousel cream + carmine + gilt, warm bulb amber. Fonts: abril-fatface (fairground display), zilla-slab (body). SIGNATURE: a working CSS-3D CAROUSEL — a ring of hand-painted horses (each an SVG with unique livery, name plaque, and pose) rotating in perspective with gentle rise-and-fall on their poles; drag to spin with momentum, click a horse for its biography card (“Bellamy, 1911, prefers the outside line”). Optional calliope waltz via Web Audio behind a brass power lever (synthesized, seamless). String lights sag realistically; moths orbit the bulbs. Unforgettable: the rise-and-fall timing — closing your eyes almost works.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/carousel/
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.
The site’s creation follows a three-stage pipeline: initial development focused on translating vintage carnival motifs into a responsive digital format, followed by a rigorous critique to refine motion timing, visual harmony, and interaction clarity. The final step involves an art director’s certification to ensure the experience balances authenticity with engagement, guided by a comprehensive design manual emphasizing specific color palettes, typography, and mechanical storytelling. This process guarantees that every element—from the painted horses to the atmospheric lighting—serves the overarching narrative of a dusk-limited fairground attraction, meticulously crafted using the AI-built guide that emphasizes specific environmental, typographic, and interactive details.
The full build notes live in the room’s design guide.
Experience the enchanted ride firsthand in the dedicated virtual space—immerse yourself in the nostalgic atmosphere and explore the detailed craftsmanship. Then, browse all 175 exhibition sites at the central hub to discover more AI-designed cultural treasures that blend history, craftsmanship, and innovative digital storytelling.
Visit the live room → · Browse all 175 rooms
Previously in Wing III
- Room 51: Casa Azulejo — A Lisbon Tile-Painter’s Workshop
- Room 58: The Atlantic Cable Company — Race the Signal
- Room 52: The Royal Mews — Falconry House, Est. 1487
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.
Retro Phone Building Blocks Set with Lights & Carousel Base, Vintage Telephone Model Building Kit for Adults & Teens, Classic Home Office Art Decor, Creative Gift for Collectors & Vintage Lovers
- Vintage Rotary Phone Design: Retro telephone with carousel base
- Interactive Mechanical Features: Rotate lever to ring bell and spin carousel
- Authentic Dialing Action: Rotary dial mimics real phone dialing
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Marsjoy Walking Pony Toy Musical Singing Dancing Plush Interactive Pony Walk Along Horse with Leash Plush Stuffed Animal Shaking Head Buttocks Toy for Boy & Girl Kid Ages 3+ H: 11.81"
- Walking, Singing, Dancing: Includes twisting, sounds, and leash
- Ideal Kid's Playmate: Encourages growth and caring skills
- Safe, Eco-friendly Materials: Soft plush, skin-friendly, durable
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Rolife Wooden 3D Puzzles for Adults, DIY Carousel Music Box with Chaser Lights 11.6" Model Building Kit, Construction Project Craft Kits for Adults Hobby Home Decor Chiristmas Gifts for Boys Girls
- Large Nostalgic Carousel: 9 lifelike carousel animals with music
- Two Display Modes: Static and dynamic musical modes
- Easy Assembly: 265-piece interlocking wooden puzzle
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
