🔍 Read the full analysis: How To Understand KIRIN EXPRESS’s Zero-Image Floating-Seam Journey on ThorstenMeyerAI.com

Prime Big Deal Days · Oct 6–7Offer from Amazon

Get hardware and tech essentials 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

Start your free Prime trial →Free trial for eligible customers · Cancel anytime

As an affiliate, we earn on qualifying purchases.Hide

KIRIN EXPRESS is a browser-based design exhibition built around a fictional maglev train said to travel at 603 km/h. The project is not a real rail operator or train announcement: it uses an imagined 10-centimetre gap beneath the vehicle as the organising idea for its visuals, scrolling journey and interactive controls, as detailed in the original project analysis.

The exhibition’s central device is the levitation gap. Panels appear to hover above cool, restrained shadows, while a luminous seam runs through the page as a visual motif and navigation cue. Rather than relying on photographs or video, the experience draws its train, landscapes, instruments and motion in the browser. The source describes this asset-free approach as part of the project’s story, not as evidence about an operating railway.

The fictional journey is controlled through scrolling. A JavaScript routine called updateJourney() checks which station is nearest the middle of the screen and adjusts blur and speed effects accordingly. A canvas animation adds up to 72 horizontal motion lines; it is limited to the relevant part of the page, pauses when the browser tab is hidden, and is replaced with a still treatment for visitors who prefer reduced motion.

Other elements make the concept interactive. A departure console stages a 20-second sequence from platform preparation to levitation and acceleration, with one progress value controlling both a circular instrument and a miniature train. A CSS-built guideway diagram lets visitors switch between magnetic attraction and repulsion. A separate control sends a pulse along the luminous seam, while a dusk slider changes the view through the train windows, including the sun position, mountain softness and city lighting.

How the Levitation Gap Shapes the Page

The project matters as an example of how a technical idea can guide interface design, rather than simply appear as decoration. The imagined gap informs the page’s spacing, shadows, persistent seam and sense of movement. Visitors encounter the premise through navigation and interaction as well as through explanatory copy.

Its browser-drawn approach also makes the design’s construction part of the experience. The source describes a page made without photographs or video, using code-created visuals and motion instead. That gives the showcase a coherent visual language, while its reduced-motion option and hidden-tab pause address how animation behaves for different visitors and browsing conditions.

These are claims about the exhibition’s design and implementation. They do not establish that a 603 km/h KIRIN EXPRESS train exists, that its depicted magnetic system has been tested, or that the page demonstrates real-world railway performance.

A Fictional Train, Built in Code

The source identifies KIRIN EXPRESS as room 129 of a 175-room collection and explicitly describes it as an AI-built exhibition piece. Its brief calls for a fictional 603 km/h intercity maglev and a porcelain-clean industrial aesthetic, using porcelain white, cool grey, deep indigo and a sakura-pink accent. The named typefaces are Zen Kaku Gothic New for main text and headings, and IBM Plex Mono for measurements, times and controls.

The implementation brief calls for plain HTML, CSS and JavaScript, with no frameworks, build step, external requests or image assets. It also specifies layouts for 390-pixel, 834-pixel and 1,440-pixel screens, accessible contrast and focus states, touch targets of at least 44 pixels, and motion safeguards. These are stated design requirements; the material provided does not independently verify how the live page performs at each size or whether every requirement has been met.

The project describes a three-pass process: build the experience around one physical rule and critique it; conduct an external critique and fix at least ten problems; then refine it in an art-director pass. An AI-written design guide is also described as documenting the visual system, interaction logic, motion safeguards and asset-free choices.

“The 10cm levitation gap is the design system.”

— KIRIN EXPRESS project brief

What the Project Does Not Verify

The material describes a fictional train and designed browser experience; it does not provide evidence of a real KIRIN EXPRESS service, a working vehicle, or a tested 603 km/h operating speed. The magnetic attraction-and-repulsion control is presented as an interactive diagram, not as a documented engineering demonstration.

The source refers readers to a live site and a design guide, but supplies no independent performance testing, accessibility audit or user research. It also gives no publication date, named developer or external reviewer. The stated responsive widths, motion behaviour and visual quality criteria should therefore be treated as specifications or project descriptions, not independently confirmed results.

Where Visitors Can Follow the Build

The project description directs readers to the live exhibition page to experience the scrolling journey and controls, and to the accompanying design guide for implementation notes. The source does not give a launch schedule, future update date or a separate milestone beyond those materials.

For readers evaluating the work, the next practical step is to compare the live page with its stated brief: check the journey at the specified screen widths, test the controls with keyboard and touch input, and see whether motion preferences and hidden-tab pauses behave as described. Those checks would assess the showcase itself; they would not verify the fictional train’s speed or engineering.

Key Questions

Is KIRIN EXPRESS a real train or rail company?

No. The source describes KIRIN EXPRESS as a fictional, AI-built exhibition piece, not a real rail operator or a product from an actual company.

What does the 603 km/h figure refer to?

It is the stated speed for the imagined maglev train in the exhibition brief. The supplied material does not present it as a measured speed or a real service specification.

How does scrolling affect the experience?

The page uses scroll position to bring the nearest fictional station into focus and adjust blur and speed effects. A canvas also draws motion lines in relevant sections, according to the project description.

Does the page use train photographs or video?

The source says no photographs or video are used. It describes the train, scenery, instruments and movement as browser-drawn visuals.

What accessibility and motion features are specified?

The brief calls for reduced-motion support, pausing animation when the tab is hidden, keyboard focus styles, readable text contrast and touch targets of at least 44 pixels. The supplied material states these requirements but does not include an independent audit confirming them.

Source: ThorstenMeyerAI.com