Stepping into the Fictional Trading Floor of La Bourse
La Bourse transports visitors to a stylized 1929 stock exchange, with a signature dynamic tape that visually accelerates and decelerates in response to market panic. Crafted as an AI-built experience, this virtual room captures the last golden hours of October 1929, blending art deco aesthetics with interactive storytelling, culminating in a visceral depiction of the stock market’s dramatic collapse.
Development Journey and Artistic Validation
Constructed through an iterative three-step pipeline, the site’s architecture begins with a foundational build based on strict HTML, CSS, SVG, and Canvas, followed by relentless critique for visual harmony and interaction fluency. The final phase involves an art director’s certification, ensuring the experience not only visually evokes 1929 but also functions seamlessly across devices. This guide, authored by Claude Fable and powered by Thorsten Meyer AI, ensures a disciplined approach to fidelity, responsiveness, and interactivity, culminating in a convincing yet fictional mood piece.
The full build notes live in the room’s design guide.
Design Mechanics and Visual Language
The environment employs a meticulously curated palette rooted in classic marble, brass, and patinated green hues, reinforcing its period feel. Typography choices—Six Caps for grandeur, Jost for readability, and Zilla Slab for numeric authority—enhance the narrative clarity. The site is predominantly CSS-driven: detailed SVG elements craft sunbursts and chevron patterns, while CSS grain textures and radial effects add depth. The core animation relies on a fixed canvas tape that dynamically renders the ticker’s perforations, text movement, and crash stamps via JavaScript functions like drawTape() and setCrashMode(). Additionally, DOM elements such as quote boards are animated through a dedicated mounting system that flips numbers and simulates market chatter, with interaction states triggering slips and inspections, all controlled through a concise JavaScript architecture.
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 31 of 175, „bourse“):
LA BOURSE — an art-deco stock exchange in its last golden hour, October 1929. Aesthetic: marble, brass, sunburst deco. Palette: marble cream #efe6d5, jet black, gold #d4af37, oxidized-green accent. Fonts: six-caps (towering deco display), jost (geometric body), zilla-slab (ticker). SIGNATURE: a live canvas ticker tape scrolling punched quotes for invented firms (Zeppelin Freight, Radium Cosmetics, Automat Palaces); a departure-board-style quote wall with flipping digits drifting upward through the page… until the „Black Tuesday“ scroll moment — the wall bleeds red, the ticker accelerates into panic, and shredded tape confetti falls (canvas). SVG sunburst/chevron deco ornament generator for section frames. Unforgettable: the crash as choreography.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/bourse/
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 Market’s Last Hour
Step into La Bourse’s virtual trading hall and witness the interplay of calm routines and sudden chaos—built entirely with AI. Explore the live site to feel the tension, and browse all 175 AI-crafted environments at the central hub for a broader journey through historical moods reimagined through code.
Visit the live room → · Browse all 175 rooms
Previously in Wing II
- Room 26: KP-9 Station — Arctic Geomagnetic Observatory
- Room 27: CALIBRE 27 — Haute Horlogerie Manufacture
- Room 28: Underwood Network – Living Mycelium Research Map
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.
Abacus Brands Virtual Reality History! – Illustrated Interactive VR Book and STEM Learning Activity Set – for Ages 8 and Up
- Immersive VR Historical Journey: Experience over 25 VR historical moments
- Includes Illustrated DK Book: 96-page book complements VR experiences
- Hands-On Building Activity: Build a 3D wooden HMS Victory puzzle
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
art deco stock exchange replica model
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Creative Teaching Press Financial Fundamentals 4-Poster Set (Display in Classrooms, Walls, Hallways, Learning Spaces, Common Areas and More)
- Engages students with financial concepts: Includes 4 educational posters
- Suitable for various education levels: Elementary to adult education
- Includes instructional guide: Lesson ideas and activities
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Gatsby Theme Door Cover Decor: Roaring 20s Party Decorations – Jazz Style 1920 s A Little Party Never Killed Nobody Door Banner for Birthday Retirement New Year Bachelor Event Decor Supplies
- Elegant 1920s Art Deco Design: Gold linework and geometric accents on black background
- Large Size for Impact: 72.8 x 35.4 inches for entrances and backdrops
- Versatile Event Use: Suitable for birthdays, New Year, weddings, and more
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
