🔍 Read the full analysis: What AI Can Do For KIRIN EXPRESS’s Image-Free Floating-Seam Journey on ThorstenMeyerAI.com

Buying for a business?Offer from Amazon

Get business pricing on tech for your team

• Business-only prices and quantity discounts
• Tax-exempt purchasing
• Multiple users, one account, clear invoices

Create a free Business account →Free to register

As an affiliate, we earn on qualifying purchases.Hide

KIRIN EXPRESS, a fictional maglev train imagined at 603 km/h, is the subject of an AI-built web exhibition that uses no photographs or video. The project makes the train’s imagined 10-centimetre levitation gap the organising idea for both the page’s visual design and its navigation, as explored in the original analysis, demonstrating a concept for AI-assisted, code-drawn web storytelling rather than announcing a real railway or product.

The exhibit’s creators describe the experience as a journey through invented stations, with the visitor’s scroll position controlling how scenes appear. A JavaScript function called updateJourney() measures how close each station is to the centre of the viewport. The nearest station becomes sharp while surrounding landscape softens, and speed and blur change with the scroll. The effect is intended to make the page feel like travel between stops rather than a conventional sequence of sections.

Every visual is made in the browser, according to the project description. A canvas routine called drawSpeed() paints up to 72 horizontal motion lines behind the content, varying their length and pace with scrolling. The animation is limited to relevant parts of the page and pauses when the browser tab is hidden; the description says visitors who prefer reduced motion receive a still treatment instead. No images or video are used.

Other controls expand the fictional setting. A 20-second departure sequence moves from platform preparation through levitation to acceleration, with one progress value driving both a circular instrument and a miniature train. A guideway diagram lets visitors switch between magnetic attraction and repulsion, while a dusk slider changes the view from the train windows. The palette combines porcelain white, cool grey, deep indigo and a restrained sakura-pink accent, with separate typefaces assigned to headings and measurements.

How the Gap Shapes the Experience

The project’s central design decision is to turn a technical feature of its fictional train into a consistent interface rule. The 10-centimetre gap is represented by floating panels, cool shadows and a luminous seam that runs through the page. It also supplies a navigation metaphor: visitors move through a journey by scrolling, while the scene focuses on one station at a time.

That approach matters as a design demonstration because it links an abstract engineering concept to page structure, motion and user controls, rather than relying on transport photographs to establish the setting. The source describes a code-only visual system built from CSS, JavaScript and canvas. It does not provide independent evaluations of accessibility, performance or user response, so the project should be read as a described showcase, not evidence that AI-built sites generally meet those standards.

For readers interested in AI-assisted creative work, the exhibit offers a specific example of what the source says AI can help produce: a detailed front-end concept with animated scenes and interactive controls. The material does not identify the AI system, explain how much code was written or revised by people, or publish comparative tests against a human-led process. Those limits make broad claims about AI’s capabilities unwarranted.

A Fictional Line in a Design Showcase

The source identifies KIRIN EXPRESS as room 129 of 175 in an exhibition series and explicitly states that it is not a real rail operator or an actual company’s product. Its premise—a fictional intercity maglev travelling at 603 km/h—provides the narrative setting for the web experience. The station names and environment are invented, rather than a timetable or service announcement.

The brief calls for a single-page site made with HTML, CSS and JavaScript, without frameworks, build steps, external requests or image assets. It also specifies responsive layouts, visible keyboard focus, readable text contrast, touch targets of at least 44 pixels, reduced-motion handling and animation pauses when a tab is hidden. These are requirements in the design brief; the supplied material does not include test results confirming that every target was met.

The project’s stated production method has three passes: build and self-critique, external critique and fixes, then an art-director review. An accompanying AI-written design guide reportedly explains the visual system, interactions and motion safeguards. The supplied description does not include the guide itself or document the individual critique findings, so those process details cannot be independently checked from the material available.

““The ten-centimetre gap beneath the train” is the “organising principle for the whole page.””

— The KIRIN EXPRESS project description

What the Project Description Leaves Open

The source provides a design description, but not a publication date, independent review or documented measurements of performance. It does not identify which AI tools were used, whether the AI generated code directly, how much a human developer changed it, or how the three critique passes were carried out. No screenshots, usability findings or accessibility audit results are included in the supplied material.

It is also unclear whether every feature in the brief is present in the live version and works as specified across devices. The brief calls for testing at widths of 390, 834 and 1,440 pixels, among other quality targets, but a target is not proof of a completed test. The source presents a fictional design exhibit, not validated engineering information about maglev trains or a real 603 km/h service.

The Live Exhibit and Its Design Guide

The project description directs readers to the live website and its accompanying design guide for the interactive experience and fuller build notes. Those materials would be the next places to check the rendered page, its controls and the documented design decisions. The source gives no dates for further updates, external testing or additional project milestones, so no later release or evaluation can be confirmed.

Key Questions

Is KIRIN EXPRESS a real train or rail operator?

No. The source describes KIRIN EXPRESS as a fictional maglev train and exhibition piece, not a real operator or an actual company’s product.

What does the exhibit use instead of photographs?

According to the project description, its train forms, scenery, instruments and motion are drawn in the browser with code. It says the page uses no photographs or video.

How does scrolling affect the journey?

The described JavaScript uses each station’s distance from the centre of the screen to adjust focus and blur. The nearest station becomes sharp while other parts of the landscape soften, linking scroll position to the imagined journey.

Does the source prove that the site meets its performance and accessibility targets?

No test results are supplied. The brief lists targets such as reduced-motion support, keyboard focus styles and responsive layouts, but those requirements do not establish that every target was verified.

Which AI system built the exhibit?

The source calls the exhibition AI-built but does not name the AI system or detail how work was divided between AI and human developers. That development process remains unspecified.

Source: ThorstenMeyerAI.com