日本神秘網站模型

Generates a responsive desktop and mobile UI mockup for an atmospheric Japanese mystery story or game website.

目標：創建一個精緻的網站模型，用於日本懸疑遊戲或故事檔案，標題為 {argument name="site title" default="月蝕綺譚"}，顯示為響應式設計預覽，左側有一個桌面瀏覽器窗口，右側有一個智慧型手機螢幕。

畫布：寬 16:9 的簡報圖片，背景為淺灰色。左側放置一個大型桌面瀏覽器模型，佔寬度約 75%，右側放置一個高型智慧型手機模型，佔寬度約 22%。使用帶有柔和陰影的逼真設備框架。

視覺風格：優雅的日本文學恐怖、寧靜懸疑、檔案文件、月光黑暗。色板包括象牙紙、黑墨水、深海軍藍黑色、柔和灰色，以及一個強烈的朱紅色強調。使用日文明朝體字型、細線、票券式邊框、細微紙張質地、古老手稿圖像，以及微弱的月牙軌道線條圖形。整體情緒應感覺像一個敘事遊戲的高級官方網站。

桌面佈局：顯示一個帶有深色頂部列和三個小視窗點的瀏覽器窗口。在頁面內，使用一個象牙色標頭，左側有網站標題 {argument name="site title" default="月蝕綺譚"}，一個小的紅色印章標記，以及精確 5 個水平導航項目：「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」，以及一個標記為「メールで會員になる」的深海軍藍按鈕。下方的主視覺部分是一個寬幅的黑暗月蝕視覺，垂直標題「月蝕綺譚」居中於發光的月牙/蝕上。疊加一個半透明的檔案 UI 卡片，帶有古老的日文文件，以及精確 5 個小型收藏/文件卡片沿疊加底部。沿主視覺圖片的最底部，包括精確 5 個水平縮圖條，顯示：一條夜晚街道、一個像藍圖的房間、一個深色資料夾或物品、古老手寫紙張，以及一個辦公桌/工作空間地圖。

桌面右側註冊卡片：在主視覺右側，放置一個大型奶油色票券式會員卡，帶有剪切的半圓形缺口和一個細裝飾邊框。它包括小標籤「入会札」、一個印章圖標、標題「メールで會員になる」、一個信封圖標、簡短解釋文字、一個帶有佔位符「メールアドレスを入力」的電子郵件輸入欄位，以及一個標記為「登録する」的紅色 CTA 按鈕，帶有右箭頭。下方包括微小的隱私政策文字。

桌面下方內容：在主視覺下，製作一個感覺像兩欄的部分。左側，一個大型日文標語 {argument name="tagline text" default="物語の續き、いちばん近くで。"} 帶有一個細垂直紅線和一個小描述段落。右側，放置精確 3 個文章卡片成一排。3 個卡片是：1) 「月蝕綺譚 最新便」帶有月亮圖片、一個小紅色 NEW 標籤、標題「大型アップデート『○○』を公開しました」，日期 2024.05.20；2) 「開発記録」帶有筆記本和筆圖片、標題「開発記録 #12：環境音の調整について」，日期 2024.05.18；3) 「ご意見箱」帶有深色郵箱圖片、標題「ご意見・ご感想をお聞かせください」，日期 2024.05.16。每個卡片有一個細邊框、標頭中的一個小箭頭，以及灰色佔位符摘要行。

桌面頁尾：添加一個深海軍藍頁尾橫跨底部，精確 6 個頁尾連結：「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」、「利用規約」、「プライバシーポリシー」。右側包括一個月牙圖標和版權「© 2024 月蝕綺譚」。

行動佈局：在右側智慧型手機上，顯示相同的網站適應行動版。狀態列時間讀為 9:41。標頭包含標題「月蝕綺譚」和一個漢堡選單圖標。下方顯示一個緊湊的黑暗主視覺，帶有蝕和垂直標題，然後精確 5 個小型水平縮圖。繼續標語「物語の續き、いちばん近くで。」，然後相同的票券式電子郵件註冊卡片，然後第一個新聞卡片「月蝕綺譚 最新便」帶有月亮圖片和紅色 NEW 標籤。行動視圖應感覺可垂直滾動，但包含在手機螢幕內。

約束：保持所有可見介面文字如指定使用日文。使用乾淨、高保真 UI 模型渲染、清晰字型、細微陰影，以及無額外標誌或水印。設計應看起來像為實施規劃生成的完成 web/app 模型。

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟