TL;DR
FABLE / 175 has released the art-direction brief and build account for Abyssal Station, an AI-produced website that maps scrolling to a simulated 3,800-meter ocean descent. The project presents its unified depth model as a reusable method for coordinating color, lighting, data displays and animated creatures, although its performance and production claims have not been independently verified.
FABLE / 175 has published the art-direction brief and production account behind Abyssal Station, a single-page web experience that converts scrolling into a simulated 3,800-meter ocean descent. The release matters because it identifies the project’s central method: one depth value controls the page’s visuals, data displays and animation, offering developers a concrete model for building coordinated scroll-based experiences.
The live room depicts a fictional crewed research station sinking through successive ocean zones. According to Thorsten Meyer AI’s original analysis, a fixed meter tracks the descent while background color, light levels and pressure readings change continuously. Animated fish, jellyfish, an anglerfish and amphipods appear at assigned depths, with marine snow and particle drift reinforcing the sensation of downward movement.
The implementation is described as a master scroll anchor connected to CSS variables and JavaScript interpolation. That shared value governs lighting decay, interface states, particles and creature behavior, preventing each effect from operating on an unrelated timeline. The project uses pure HTML, CSS and JavaScript, with canvas-drawn creatures and code-generated SVG or graphical elements rather than downloaded images.
The published brief also sets measurable production requirements: layouts for 390, 834 and 1,440 pixels, no horizontal overflow, touch targets of at least 44 pixels and body-text contrast of at least 4.5:1. It calls for reduced-motion behavior, keyboard controls and animation loops that pause when the browser tab is hidden. These are stated requirements and reported features; the source does not provide independent audit results.
One Depth Value Coordinates Everything
The main contribution is architectural rather than purely visual. By connecting multiple systems to one simulated depth measurement, the page can keep its scenery, information panels and motion aligned as the reader scrolls. Developers could apply the same pattern to timelines, maps, product demonstrations or scientific stories in which several elements must respond to a shared position.
The project also places accessibility and performance constraints inside the creative brief rather than treating them as later additions. If the reported implementation matches those requirements, Abyssal Station offers an example of how an effects-heavy page can retain reduced-motion support and responsive layouts without relying on a framework or external media library.
Room Six in an AI Exhibition
Abyssal Station is Room 6 of FABLE / 175, which Thorsten Meyer AI describes as a completed exhibition of 175 distinct websites built end-to-end by AI. The accompanying series examines the rooms individually and links to both the live experience and a design guide.
The project says its workflow had three passes: an initial build and self-critique, an external critique intended to identify at least 10 problems, and an art-director pass focused on the final experience. The brief credits Claude Fable 5 as art director and says the room was executed through the FABLE/175 pipeline. No model logs, critique records or full revision history were included in the supplied material.
“The page is a descent.”
— The published FABLE / 175 art-direction brief
Performance Claims Lack Independent Testing
It is not yet clear whether the live room consistently reaches the brief’s 60-frame-per-second target across older phones, low-power computers and different browsers. The supplied account also does not include accessibility test reports, particle limits or benchmark data that would allow outside verification.
The source says screenshots were taken at three widths during every production pass, but those records were not supplied. It also remains unclear how much of the final code came directly from an AI system, how much was revised by people, and which specific defects were corrected during the external critique and art-direction stages.
Developers Can Inspect the Live Room
The next available step is public inspection. Readers can open the live Abyssal Station room, compare its behavior at different viewport sizes and review the prompt exposed through the site’s footer. Developers can also test whether reduced-motion settings, keyboard access and tab visibility change the experience as described.
FABLE / 175 is continuing its room-by-room editorial series, which is expected to document other techniques used across the 175-site exhibition. Any later release of source code, performance measurements or critique records would provide firmer evidence for the production claims made in this account.
Key Questions
What is Abyssal Station?
Abyssal Station is a single-page, AI-produced web experience about a fictional deep-sea research outpost. Scrolling moves the visitor through a simulated 3,800-meter descent.
What is the scroll-driven depth engine?
It is a system in which scroll position becomes a shared depth value. That value controls color, lighting, pressure data, particles and creature animations so the page’s effects remain synchronized to the descent.
Does the site use external images or frameworks?
According to the published brief, it uses pure HTML, CSS and JavaScript, with no frameworks, CDNs or external requests. Its visuals are described as code-generated through CSS, SVG and canvas.
Has its accessibility been independently verified?
No independent audit is included in the supplied material. The brief requires keyboard access, visible focus states, adequate contrast and reduced-motion behavior, but outside testing would be needed to confirm full compliance.
Where does the project fit within FABLE / 175?
It is Room 6 in an exhibition that its publisher says contains 175 AI-built websites. The related article is part of a series documenting the rooms and their production methods.
Source: Thorsten Meyer AI
