Get art and craft supplies delivered free with Prime
- Fast, free delivery on millions of items
- Prime Video, Amazon Music and more included
- Member-only deals all year
What if an instant had its own architecture?
Split Second Facility is an AI-built exhibition piece: a fictional high-speed imaging lab that invites visitors to step inside a single second. Its imagined instruments capture a million frames per second, turning a fleeting moment into something you can explore rather than merely witness. This is an art-directed digital room, not a real company or research facility; its specimens and laboratory premise belong to the experience.
The signature move is to make time the interface. A tall scroll chamber stretches the second into a journey, while scrubbing, frame stepping and playback let visitors examine it at different speeds. Everything answers to one shared clock, so changing the moment in one control changes it throughout the room. The result feels less like browsing a collection of effects and more like operating a single, coherent instrument.
Products Worth Considering
GoPro Hero12 Black Waterproof Action Camera with 5.3K60 Video and 27MP Photos
Therabody Theragun Relief Massage Gun, 3-Speed, Black
Garmin Venu 3 Fitness Smartwatch, 45 mm, Black
As an affiliate, we earn on qualifying purchases.
A dark room for bright evidence
The restrained palette gives each accent a job. Near-black sets the atmosphere; cool cyan identifies liquid and optical detail; rose signals heat, rupture and warning; and strobe white marks the moment of exposure. Because color is used sparingly, the simulated events feel like evidence under examination rather than decoration scattered across a screen.
Typography supports that calibrated mood. Large monospaced display text suggests measured readings and technical labels, while a clean sans serif keeps the longer explanations comfortable to read. The contrast between instrument-like headings and approachable body copy lets the piece borrow the language of a field report without sacrificing clarity.
One clock, many ways to look
The defining interaction is a normalized timeline shared across the exhibition. Scrolling advances through the second; a range control allows direct selection; frame-step buttons reveal neighboring instants; and playback makes the same interval legible at human speed. A small temporal loupe stays tied to the selected point, showing nearby frames without creating a competing timeline. Visitors can also expose the chosen frame, turning an abstract position into a clearly identified reading.
The visuals are made in code, not assembled from photographs or generated images. Canvas draws the expanding crown of an impact droplet and a seeded field of particles; SVG describes the branching tear in a balloon membrane; CSS shutters and carefully controlled reveals shape the surrounding presentation. A rolling-shutter fan demonstrates another perceptual trick: different horizontal bands can register different rotor positions, unlike a global exposure that freezes the whole object together.
That technical construction is part of the exhibit’s character. Motion, particles and echoes respond to the selected time and, in places, to how quickly someone moves through it. Scene transitions use brief optical cuts, while the lab’s dark surfaces leave room for each luminous event to register. The page also accounts for real use: animation pauses when the browser tab is hidden, reduced-motion settings limit travel while preserving manual exploration, and keyboard controls keep the instruments accessible.
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 140 of 175, “splitsecond”):
SPLIT SECOND — THE SPLIT SECOND FACILITY: a 1,000,000-fps high-speed imaging lab (fictional). Aesthetic: black-lab strobe minimalism; time as material. Palette: lab black, strobe white, droplet cyan, high-speed-flash rose. Fonts: major-mono-display (display), manrope (body). SIGNATURE: TIME STRETCH — a master scrubber stretches ONE SECOND across the entire page: drag through it and iconic invisible moments render frame by frame in code — a droplet crown assembling (canvas fluid), a balloon bursting mid-tear (SVG rip propagation), a match head blooming into flame (particle ignition); each with its microsecond timestamp. Shutter mathematics set beautifully (what 1μs of light costs), the “what the eye misses” essay (saccades, persistence), rolling-vs-global shutter demo warping a spinning fan. Unforgettable: owning one second, frame by frame.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/splitsecond/
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.
From a working instrument to an art-directed room
The production follows a three-pass pipeline: build the experience around a shared time model, critique it mercilessly across interactions and screen sizes, then certify the result through an art director’s final visual and usability review. The accompanying field guide makes that process legible, documenting the concept, the code-built techniques and the decisions behind the exhibit rather than treating the finished page as a mysterious object.
The full build notes live in the room’s design guide.
Enter the frame
Visit the live Split Second Facility to scrub, step and traverse its imagined second for yourself. Then browse all 175 rooms at the project hub to discover more AI-built exhibition pieces and the design ideas behind them.
Visit the live room → · Browse all 175 rooms
Previously in Wing VI
- Room 138: APEXWERK — The Grip Curriculum
- Room 127: Meridian 843 | The Measured Mile
- Room 136: Courier — Spoke & Signal
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.
