精選 · 開放 · 免費

Minymon

提供可愛互動式吉祥物角色的趣味服務，旨在提升網站參與度。

01

設計氣質 DNA

專屬於您網站的數位寵物商店

02

色彩

溫暖親切，採用高對比度、友善的配色方案。

03

字型

humanist-sans

• display56px · 700
• h136px · 700
• body18px · 400
• nav13px · 500

導覽連結使用全大寫與寬鬆字距。 · 首頁標題採用緊密負字距排列。 · 內文搭配表情符號以增添活潑語氣。

04

間距

主要內容區塊間採用寬裕的垂直內距。

05

表面 (圓角 / 陰影 / 邊線)

實心主色邊框搭配實體偏移陰影。

4px 4px 0px 0px rgba(21, 76, 126, 1)

06

版面

置中單欄佈局，設有最大寬度容器與醒目浮動吉祥物。

07

動效與互動

互動元素採用平滑過渡效果。

互動元素上方游標轉為指標圖示。 · 標準按鈕點擊行為。

08

組件

• button 實體邊框搭配實體偏移陰影，圓角設計增添趣味感。
• card 定義未明確，角色以簡約浮動行列呈現。
• chip 定義未明確。
• input 定義未明確。
• hero 置中文字首頁區塊，搭配大型裝飾波浪分隔線。

09

文案語氣與禁用清單

• 語氣 友善、親切且略帶奇趣。
• 標題風格 直接對話式風格，適時運用表情符號。
• 按鈕文案 以行動為導向，充滿鼓勵性質。

• 勿使用單調白色背景——截圖顯示溫暖奶油米色（#F9F2EA）。
• 勿使用生硬機械感陰影——截圖顯示趣味性實體偏移陰影。
• 勿採用高科技深色介面——截圖使用淺色、柔和且親切的配色。
• 勿採用複雜多欄網格——截圖顯示簡潔置中單欄佈局。
• 勿使用強勢霓虹點綴色——截圖採用柔和溫暖的珊瑚/鮭魚色（#F16849）。
• 勿使用嚴肅專業襯線字體——截圖採用圓潤人文無襯線字體。
• 避免: 企業術語
• 避免: 複雜技術詞彙
• 避免: 強勢銷售話術
• 避免: 正式或生硬語調

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko