日本神秘网站模型

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 模型。

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开