Japanese Personality Settings UI

Generates a clean Japanese SaaS onboarding screen for customizing communication tone and relationship settings.

目标：为步骤 2 制作一个干净的日本网络应用程序 onboarding/设置画面，显示所选通信个性或关系类型的微调。

画布：16:9 桌面截屏，白色到非常浅灰色背景，居中内容栏宽约 720 px，带有充足边距、柔和阴影、圆角卡片、最小 SaaS UI 风格。

标头：在顶部中央，显示一个小蓝色圆形徽章，带有 “2” 后跟标签 「相手タイプの微调整」。在它下面放置一个粗体日文标题： 「选んだ人格を、あなたらしく整えましょう」。在标题下添加一个较小的灰色副标题： 「おすすめ设置が用意されています。こだわりたいところだけ调整しても、そのまま进んでも大丈夫です。」

主要布局： exactly 4 个手风琴卡片垂直堆栈。每个卡片有左侧线图标、粗体日文标题、较小灰色描述，和右侧的 chevron。4 个卡片是：1) 关闭卡片带有人物图标，标题 「友だち・家族」，描述 「気心の知れた相手とのカジュアルなやり取り」，向下 chevron；2) 关闭卡片带有建筑图标，标题 「社内（メンバー）」，描述 「チームメンバーや同僚とのやり取り」，向下 chevron；3) 展开选中卡片带有蓝色高亮用户图标，标题 「社内（上司・别チーム）」，描述 「上司や他部署のメンバーとのやり取り」，向上 chevron；4) 关闭卡片带有公事包图标，标题 「社外・取引先」，描述 「取引先やビジネスパートナーとのやり取り」，向下 chevron。

展开卡片细节：在第三个卡片内， exactly 6 个设置行，左侧日文标签，右侧分段药丸控制。行 1 标签 「敬体」 有 4 个选项： 「タメ口」, 「砕けた敬语」, 选中 「丁宁敬语」, 「ビジネス敬语」。行 2 标签 「相手の呼び方」 有 4 个选项： 选中 「〜さん」, 「〜様」, 「あだ名・呼び舍て」, 「宛名なし」。行 3 标签 「絵文本」 有 4 个选项： 「なし」, 选中 「たまに」, 「よく」, 「相手に合わせる」。行 4 标签 「！？の量」 有 4 个选项： 「使わない」, 选中 「たまに」, 「よく」, 「相手に合わせる」。行 5 标签 「书き出し＆缔め」 有 4 个选项： 「なし」, 「定型」, 选中 「名乗る」, 「相手に合わせる」。行 6 标签 「よく使う絵文本の手札」 显示 exactly 9 个小方形表情符号按钮后跟加号：选中笑脸表情符号、拇指向上、闪闪、汗水 droplets、两颗心、眼睛、举起的手、派对彩炮、思考脸，然后 “+”。

页脚：在手风琴堆栈下方，居中一个显著的圆角蓝色渐层主要按钮，白色文本 「これで作る」。

视觉风格：清晰现代的日本产品 UI，细浅灰色边框，微妙卡片阴影，蓝色强调色用于选中控制项和活动图标背景，黑色/深海军蓝标题，灰色次要文本。保持构图对称且宽敞。不要浏览器 chrome，不要浮水印，不要额外文本。使用 {argument name="accent color" default="bright blue"} 作为活动选择颜色，并保持所有可见 UI 文本为日文。

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

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