🔍 Read the full analysis: Can KIRIN EXPRESS Build A Floating-Seam Journey Without Images? 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, an AI-built exhibition page imagining a maglev train travelling at 603 km/h, makes a 10-centimetre levitation gap its central design feature, as described in the original analysis. The project is a fictional visual experience, not a real train service or product from an actual company, and it uses browser-drawn scenery and motion rather than photographs or video.

The page treats the space between the imagined train and its guideway as both a visual motif and a way to organise the interface. Panels appear to hover above restrained shadows, while a luminous vertical seam runs through the composition. Instead of relying on railway photographs, the experience suggests speed by shifting focus: landscapes blur between stops and become sharp as a station reaches the centre of the screen.

Interaction is tied to the visitor’s scroll position. The page’s JavaScript function, updateJourney(), checks how close each station is to the viewport’s vertical centre, then changes speed and blur values so the nearest stop appears in focus. A canvas draws up to 72 horizontal motion lines behind the content. According to the project description, the animation is limited to the relevant page area, pauses when the browser tab is hidden, and gives visitors who prefer reduced motion a still presentation.

Other controls extend the fictional journey. 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 CSS-rendered guideway diagram lets visitors switch between magnetic attraction and repulsion, while a field-test control sends a pulse along the seam. A dusk slider changes the view outside the train windows, including the displayed time and the lighting on the scenery.

How the Gap Shapes the Experience

The project’s main design choice is to make a technical detail do several jobs at once. The 10-centimetre gap becomes a visual signature, a metaphor for magnetic levitation and a guide for how the page’s elements relate to one another. That gives the concept a more specific identity than a standard promotional page built around a hero image and conventional content panels.

The asset-free approach also shows how a browser-made experience can communicate a journey through focus, motion and interaction rather than recorded imagery. The page uses invented stations, drawn landscapes and responsive controls to make the visitor’s movement through the page part of the story. That is relevant to designers and developers exploring ways to build visual showcases without image files, though the source does not provide independent performance testing or user research to establish how well the approach works for visitors.

For readers, the distinction between concept and transport news is key: the stated 603 km/h speed belongs to the fictional premise. The source describes a digital exhibition, not a proposed rail project, operating timetable or verified engineering system.

Inside Room 129’s Design Brief

The source identifies the project as Room 129 of 175 in a larger series of design rooms. Its brief calls for a fictional intercity maglev line named KIRIN EXPRESS and a porcelain-clean industrial aesthetic. The palette combines porcelain white and cool grey with deep indigo, with sakura pink reserved for warmer accents. The design description names Zen Kaku Gothic New for headings and body text and IBM Plex Mono for measurements, times and controls.

The brief specifies a build using HTML, CSS and JavaScript, without a framework, build step, CDN or external requests. It calls for visuals made with code, including CSS, SVG, canvas or WebGL, and asks for self-hosted fonts. It also sets accessibility and performance targets: responsive layouts at 390, 834 and 1,440 pixels, no horizontal overflow, keyboard focus styles, adequate body-text contrast, reduced-motion support, and animation loops that pause when a tab is hidden.

The project description says the work follows a three-pass process: build and self-critique, external critique with fixes, then an art-director pass. It also points to an accompanying AI-written design guide explaining the visual system, interaction logic and motion safeguards. The source presents these as design and implementation notes, not as results verified by an independent audit.

““THE GAP — the 10cm levitation gap is the design system.””

— KIRIN EXPRESS design brief

What the Design Notes Do Not Verify

The source provides no publication date, named individual creator, independent review, or performance measurements. It describes animation safeguards and responsiveness as part of the build, but does not provide test results confirming frame rates, accessibility compliance, or how the page performs across devices and browsers.

It also does not establish whether every item in the brief was completed or whether the live page remains available. The 603 km/h figure is part of the fictional concept, and no real railway, manufacturer or operating plan is identified. The stated count of 175 rooms is likewise supplied as part of the project description; no further information is given about the series or its publication schedule.

The Live Page and Design Guide

The source invites readers to visit the live KIRIN EXPRESS page and refers to a design guide and full build notes. It provides no dated announcement, release schedule or next development milestone. Readers seeking to assess the implementation can consult those materials if available, but claims about the live build should be checked against the page itself.

For now, the confirmed development is the presentation of a fictional, code-drawn maglev showcase built around a floating-seam concept. Any future update about additional rooms, revisions or technical testing has not been specified in the supplied material.

Key Questions

Is KIRIN EXPRESS a real train service?

No. The source describes it as a fictional maglev 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 fictional train’s stated speed in the project concept. The source does not present it as a measured speed, real-world service claim or verified engineering specification.

How does the page create the sense of travel?

Scroll position changes which invented station is in focus, while the landscape blurs between stops. A canvas adds motion lines, and interactive controls depict departure, magnetic forces and changing light outside the windows.

Does the experience use photographs or video?

No photos or video are used according to the supplied description. Vehicle forms, scenery, instruments and motion are drawn in the browser using code-based techniques.

Has the project’s accessibility or performance been independently tested?

The brief lists targets such as reduced-motion support, keyboard focus styles and pausing animation when a tab is hidden. The supplied material does not include independent test results confirming those targets were met.

Source: ThorstenMeyerAI.com