日文個性設定 UI

生成一個簡潔的日文 SaaS 入門畫面，用於自定義溝通語氣與關係設定。

提示詞

目標：建立一個簡潔的日文網頁應用程式入門／設定畫面（步驟 2），展示如何微調所選的溝通個性或關係類型。畫布：16:9 桌面截圖，白色至極淺灰色背景，居中內容欄寬約 720 px，留有寬裕邊距，柔和陰影，圓角卡片，極簡 SaaS UI 風格。頁首：在頂部中央，顯示一個帶有「2」的小型藍色圓形徽章，後接標籤「相手タイプの微調整」。下方放置粗體日文標題：「選んだ人格を、あなたらしく整えましょう」。標題下方添加較小的灰色副標題：「おすすめ設定が用意されています。こだわりたいところだけ調整しても、そのまま進んでも大丈夫です。」主要佈局：垂直堆疊 4 張手風琴式卡片。每張卡片左側有圖示、粗體日文標題、較小的灰色描述，右側有箭頭符號。4 張卡片分別為：1) 帶有人物圖示的收合卡片，標題「友だち・家族」，描述「気心の知れた相手とのカジュアルなやり取り」，向下箭頭；2) 帶有建築物圖示的收合卡片，標題「社内（メンバー）」，描述「チームメンバーや同僚とのやり取り」，向下箭頭；3) 展開且被選中的卡片，帶有藍色高亮使用者圖示，標題「社内（上司・別チーム）」，描述「上司や他部署のメンバーとのやり取り」，向上箭頭；4) 帶有公事包圖示的收合卡片，標題「社外・取引先」，描述「取引先やビジネスパートナーとのやり取り」，向下箭頭。展開卡片細節：在第三張卡片內，建立 6 個設定列，左側為日文標籤，右側為分段式膠囊控制項。第 1 列標籤「敬体」有 4 個選項：「タメ口」、「砕けた敬語」、已選取的「丁寧敬語」、「ビジネス敬語」。第 2 列標籤「相手の呼び方」有 4 個選項：已選取的「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。第 3 列標籤「絵文字」有 4 個選項：「なし」、已選取的「たまに」、「よく」、「相手に合わせる」。第 4 列標籤「！？の量」有 4 個選項：「使わない」、已選取的「たまに」、「よく」、「相手に合わせる」。第 5 列標籤「書き出し＆締め」有 4 個選項：「なし」、「定型」、已選取的「名乗る」、「相手に合わせる」。第 6 列標籤「よく使う絵文字の手札」顯示 9 個小型方形 Emoji 按鈕，後接一個加號：已選取的笑臉 Emoji、讚、閃亮、汗滴、愛心、眼睛、舉手、拉炮、思考臉，最後是「+」。頁尾：在手風琴堆疊下方，置中一個顯眼的圓角藍色漸層主按鈕，文字為白色「これで作る」。視覺風格：清晰的現代日文產品 UI，細淺灰色邊框，細緻的卡片陰影，選取控制項與活動圖示背景使用藍色強調色，黑色／深海軍藍標題，灰色次要文字。保持構圖對稱且寬敞。無瀏覽器外框，無浮水印，無額外文字。使用 bright blue 作為活動選取顏色，並確保所有可見的 UI 文字均為日文。