圖像提示詞

日式懸疑網站設計草圖

為充滿氛圍感的日式懸疑故事或遊戲網站，生成響應式桌面版與手機版 UI 設計草圖。

生成相似圖片

提示詞日式懸疑網站設計草圖

目標：為名為 月蝕綺譚 的日式懸疑遊戲或故事檔案庫建立精緻的網站設計草圖，並以響應式預覽呈現，左側為桌面瀏覽器視窗，右側為智慧型手機螢幕。

畫布：寬螢幕 16:9 的展示圖，背景為淺灰色。左側放置一個佔寬約 75% 的大型桌面瀏覽器視窗，右側放置一個佔寬約 22% 的直式手機視窗。使用帶有柔和陰影的擬真裝置外框。

視覺風格：優雅的日式文學恐怖、靜謐懸疑、檔案文件感、月光下的黑暗。配色方案包含象牙白紙張、黑色墨水、深海軍藍、柔和灰，以及一抹強烈的朱紅色點綴。使用日文襯線字體、細線條、票券式邊框、細膩的紙張紋理、古老手稿影像，以及淡淡的月牙軌道線條圖形。整體氛圍應呈現出敘事遊戲官方網站的高級質感。

桌面版佈局：瀏覽器視窗頂部為深色，並帶有三個小型視窗圓點。頁面內部使用象牙白頁首，左側放置網站標題 月蝕綺譚、一個紅色小印章，以及 5 個水平導覽項目：「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」，以及一個標示為「メールで会員になる」的深海軍藍按鈕。下方的首頁區塊為寬版深色月蝕視覺圖，垂直標題「月蝕綺譚」置中於發光的月牙/月蝕圖案上。疊加一張半透明的檔案 UI 卡片，內含古老日式文件，並在疊加層底部放置 5 張小型收藏/文件卡片。在首頁視覺圖的最底部，包含 5 個水平排列的縮圖：夜間街道、藍圖風格房間、深色資料夾或物件、古老手寫紙張，以及書桌/工作空間地圖。

桌面版右側註冊卡：在首頁視覺圖右側，放置一張大型奶油色票券造型的會員卡，邊緣帶有半圓形缺口與細緻的裝飾邊框。卡片包含小標籤「入会札」、印章圖騰、標題「メールで会員になる」、信封圖示、簡短說明文字、一個預留位置為「メールアドレスを入力」的電子郵件輸入欄，以及一個標示為「登録する」並帶有向右箭頭的紅色 CTA 按鈕。下方包含細小的隱私權政策文字。

桌面版下方內容：在首頁視覺圖下方，設計成雙欄位佈局。左側為大型日文標語 物語の続きを、いちばん近くで。，搭配一條細垂直紅線與一段簡短描述。右側橫向排列 3 張文章卡片。這 3 張卡片分別為：1) 「月蝕綺譚 最新便」，配有月亮圖片、紅色 NEW 標籤、標題「大型アップデート『○○』を公開しました」、日期 2024.05.20；2) 「開発記録」，配有筆記本與筆的圖片、標題「開発記録 #12：環境音の調整について」、日期 2024.05.18；3) 「ご意見箱」，配有深色信箱圖片、標題「ご意見・ご感想をお聞かせください」、日期 2024.05.16。每張卡片皆有細邊框、標題處的小箭頭，以及灰色的預留摘要文字行。

手機版佈局：右側手機螢幕顯示適配後的網站。狀態列時間為 9:41。頁首包含標題「月蝕綺譚」與漢堡選單圖示。下方顯示精簡的深色首頁區塊，包含月蝕圖案與垂直標題，接著是 5 個小型水平縮圖。隨後是標語「物語の続きを、いちばん近くで。」、同樣的票券造型電子郵件註冊卡，以及第一則新聞卡片「月蝕綺譚 最新便」（含月亮圖片與紅色 NEW 標籤）。手機版畫面應呈現可垂直捲動的樣貌，並完整包含於手機螢幕內。

限制：所有可見的介面文字皆須依照指定使用日文。使用乾淨、高保真的 UI 草圖渲染，清晰的字體，細膩的陰影，且不得包含額外的標誌或浮水印。設計應呈現出如同為實作規劃所產出的完整網頁/應用程式草圖。