Japanese Optical Illusion Museum UI

Goal: Create a clean Japanese web UI mockup for an interactive 3D optical illusion museum called {argument name="museum name" default="錯視美術館"}, shown as an in-browser gallery navigation screen rather than a realistic photo.

Canvas: Wide 16:9 screenshot-style composition, about 1200×720, with a pale off-white top navigation bar and a thin off-white bottom status bar. Use muted beige, taupe, cream, charcoal, and dusty blue-gray colors, with lots of negative space and a minimalist programmer-made museum aesthetic.

Layout: The scene is split between a flat UI overlay and a simple low-poly 3D environment. At the top left, place a thin outlined circle logo, the Japanese museum name, and the small English subtitle “OPTICAL ILLUSION MUSEUM.” At the top right, place exactly three navigation links: “館内マップ”, “作品目録”, and “設定”. In the center/left foreground, show a large translucent information card over a 3D museum corridor. At the upper right of the scene, add a small instruction tooltip. Along the bottom, include breadcrumb/status text on the left and exactly five control labels on the right.

3D environment: Depict a stylized first-person museum courtyard/interior with massive blocky taupe walls, a cream floor, an open vertical slit revealing pale sky, and a few low-poly green trees outside. The main artwork is an impossible-perspective corridor installation made from three adjacent rectangular tunnel drawings: left, center, and right. Each tunnel uses repeated cream frames, dark blue-gray outline beams, converging perspective lines, and alternating vertical rectangular panels in beige, brown, and blue-gray, creating a depth illusion. The center tunnel is most prominent, with the left and right tunnels angled slightly. Include a tiny black mouse cursor near the upper-left side of the corridor artwork.

Main card text: In the upper-left translucent panel, show the room code “G04”, the title {argument name="exhibit title" default="奥行きの間"}, and the description {argument name="exhibit description" default="少し場所を変えると、何が見えるでしょう。"}. Below, create a larger semi-transparent catalog panel titled “この展示室の作品” with “4 WORKS” aligned right. List exactly four works in two columns and two rows: “01 ふたりのいる部屋” with the status “鑑賞済み”, “02 距離のあいだ” with a right arrow, “03 こちらを見る面” with a right arrow, and “04 こちらへ続く回廊” with a right arrow. Beneath the list, include exactly three route links: “線と狭窄の間へ歩く →”, “中庭・休憩へ歩く →”, and “中央ホールへ歩く →”.

Instruction tooltip and footer: The small top-right tooltip should say exactly two lines: {argument name="movement instruction" default="ドラッグで見回す・WASDで歩く"} and “床をタップして移動”. Bottom-left breadcrumb should read “奥行きの間 / 自由鑑賞”. Bottom-right controls should include small icon-like marks followed by exactly five labels: “マウス固定”, “休憩”, “ホール”, and “終章へ” plus the preceding small key/icon indicators.

Visual style: Minimalist Japanese museum website, crisp vector typography, subtle translucency, fine divider lines, soft shadows, orthographic/low-poly 3D graphics, restrained color palette, no photorealism, no people, no extra popups, no watermark.