精選 · 開放 · 免費

Honk Me

一個大膽、趣味的即時聊天介面，採用明亮的藍色背景與超大字體排印。

01

設計氣質 DNA

一款充滿活力、現代的訊息應用，具有趣味、親民的個性。

02

色彩

以單一鮮明的藍色為主導，搭配白色與黃色的點綴，營造高對比度與親和力。

03

字型

geometric-sans

• display52px · 700
• body16px · 400
• caption13px · 400

標題文字採用粗體，字距緊湊。 · 內文採用常規字重，行高較為寬鬆。

04

間距

以 4px 為基礎單位，搭配 8px 的階梯式刻度。

05

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

極簡處理，卡片與輸入框採用柔和的圓角設計。

06

版面

分割佈局，左側為文字，右側為手機模型，手機版則垂直堆疊。

07

動效與互動

懸停與焦點狀態下有細膩的過渡效果。

互動元素在懸停時有細微的顏色變化或底線。 · 點擊後立即提供視覺回饋，無明顯延遲。

08

組件

• button 圓角膠囊形狀，透明背景搭配白色邊框。
• card 圓角矩形，帶有柔和陰影，用於包含公告內容。
• input 圓角矩形，白色背景搭配深色文字。
• hero 分割佈局，搭配大膽的字體排印與浮動的手機模型。

09

文案語氣與禁用清單

• 語氣 友好、熱情且直接。
• 標題風格 字體大而粗，充滿趣味，常以「真的」開頭。
• 按鈕文案 簡單、以行動為導向的短語，搭配箭頭圖示。

• 不要使用柔和或低飽和度的顏色——截圖顯示的是鮮明、高飽和度的藍色背景。
• 不要使用襯線體或等寬字體——截圖顯示的是圓潤的幾何無襯線體。
• 不要使用小而低調的標題——截圖顯示的是超大、粗體的標題字體。
• 不要使用尖銳、方形的角——截圖顯示的是所有介面元素都採用高度圓角的設計。
• 不要使用暗色模式——截圖顯示的是明亮、色彩豐富的亮色主題。
• 不要使用複雜、多欄的網格——截圖顯示的是手機版簡單的單欄流式佈局。
• 避免: 正式或企業化的語言。
• 避免: 大段密集的文字段落。
• 避免: 複雜或雜亂的佈局。

11

System Prompt

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