🔍 Read the full analysis: KIRIN EXPRESS Shows How To Render A Floating-Seam Journey Without Images on ThorstenMeyerAI.com
Get the latest gadgets delivered free — and shop member deals
- Fast, free delivery on millions of items
- Access to Prime Big Deal Days deals on October 6–7
- Prime Video, Amazon Music and more included
TL;DR
KIRIN EXPRESS is a fictional maglev-train exhibition, not a real rail service or commercial product. Its creator describes how the page conveys a journey without photographs or video, using browser-drawn scenery, scroll-linked effects and interactive controls.
KIRIN EXPRESS, an AI-built web exhibition about a fictional maglev train, uses code-drawn scenery and interface effects instead of photographs or video to depict a journey at a stated 603 km/h. Its design centers on a fictional 10-centimetre levitation gap, turning the space beneath the train into both a visual motif and a guide for navigating the page.
The showcase is explicitly not a real rail operator or a product from an actual company. The source describes it as “room 129 of 175” in a larger exhibition series, but does not provide a publication date or explain the series in detail. Its subject is an imagined intercity line, with invented stations and a visual identity built around a train hovering above its guideway.
No photographs or video are used, according to the project description. Instead, vehicle forms, landscapes, instruments and motion traces are drawn in the browser. A luminous seam runs through the composition, while hovering panels and cool, restrained shadows reinforce the sense that the page’s elements are suspended above a surface.
Visitors move through the imagined route by scrolling. The page’s JavaScript checks which station is nearest the viewport’s vertical center, then adjusts blur and speed effects so the landscape softens between stops and the selected station becomes sharp. A canvas routine draws as many as 72 horizontal motion lines, with their length and pace changing in response to scroll movement. The description says the animation pauses when the browser tab is hidden and is replaced by a still treatment for visitors who prefer reduced motion.
How Code Creates the Journey
The project’s central design decision is to make the absence of image assets part of the experience, rather than simply removing photographs from a conventional travel page. Browser-drawn scenery and motion effects carry the visual story, while the levitation gap supplies a repeated rule for layout, atmosphere and navigation. That makes the exhibition an example of how a web concept can communicate a fictional machine through interaction and visual systems rather than recorded imagery.
The controls also give the imaginary train a sense of operation. A departure console stages a 20-second sequence from platform preparation through levitation and acceleration. One progress value connects a circular instrument with a miniature train, presenting them as parts of a shared system. Another control changes a CSS-built guideway diagram between magnetic attraction and repulsion; the carriage, field arcs and force display respond together. These are design demonstrations, not evidence of working transport technology.
For readers, that distinction matters: the page makes engineering ideas legible as a visual metaphor, but it does not document a real train, tested performance or rail service. Its relevance is in the design approach and the way an interactive page can guide attention through a fictional journey.
browser-based interactive visualization tools
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
The Ten-Centimetre Design Rule
The source frames the 10-centimetre gap beneath the imagined train as the organizing principle of the page. Panels appear to hover, shadows use indigo rather than black, and a glowing vertical seam evokes a visible magnetic field. The palette combines porcelain white and cool grey with deep indigo, using sakura pink sparingly for warmth. The design description names Zen Kaku Gothic New for headings and main text, and IBM Plex Mono for measurements, times and controls.
Other interactions extend the same imagined setting. A field-test control sends a bright pulse along the seam. A dusk slider alters the view beyond the train windows, including light, sun position, mountain softness and city illumination, while updating the displayed time. Together, these controls give the page changing states rather than presenting it only as a static concept board.
The source also describes a three-pass production process: build the experience around a physical rule, critique it across layouts and interactions, then conduct an art-director review. An accompanying design guide reportedly documents the visual system, motion safeguards and implementation choices. The material does not independently verify the process or provide test results for the site.
“A train designed around the space beneath it.”
— KIRIN EXPRESS project description
What the Showcase Does Not Establish
The source identifies KIRIN EXPRESS as fictional, so its 603 km/h figure describes the imagined train rather than a verified operating speed. It provides no evidence of a real operator, vehicle, route or engineering trial. The station names and journey are also presented as invented content.
The source does not give a publication date, a direct link that can be checked here, or independent confirmation of the page’s performance and accessibility. It describes safeguards for reduced motion and hidden browser tabs, but supplies no test data for those features, frame rate, device support or operation at particular screen sizes. The stated asset-free approach is described in the project material; its implementation is not independently audited here.
Where to Find the Build Notes
The project description points readers to a live site and a separate design guide containing the build notes, but the supplied material includes no usable URLs. It also includes a prompt for creating a similar single-page showcase with an AI coding agent, specifying pure HTML, CSS and JavaScript, browser-drawn visuals and no external requests. That prompt is a design brief, not confirmation that a reusable template or complete source package has been published.
Without a dated announcement or further documentation, the next verifiable development is unclear. Readers interested in the implementation would need access to the linked site or guide to check the code, test the controls and review the project’s documented critique passes.
Key Questions
Is KIRIN EXPRESS a real train or rail operator?
No. The source describes it as an AI-built exhibition piece and explicitly says it is not a real rail operator or a product from an actual company.
How does the page show the train journey without images?
According to the project description, the vehicle, scenery, instruments and motion effects are drawn in the browser. Scrolling adjusts landscape blur and speed effects, while a canvas draws motion lines.
Is the 603 km/h speed a measured result?
No. It is the stated speed of the fictional maglev in the exhibition. The source does not present it as a measurement or performance claim about a real vehicle.
What interactive features does the showcase describe?
The page includes a 20-second departure sequence, a guideway diagram that switches between magnetic attraction and repulsion, a pulse along the luminous seam, and a dusk slider that changes the view outside the train windows.
Where can readers inspect the implementation?
The source refers to a live site and a design guide with build notes, but the supplied material does not include their URLs. It therefore does not allow those materials to be checked here.
Source: ThorstenMeyerAI.com
Fall Picks
fall essentials
As an affiliate, we earn on qualifying purchases.
