精選 · 開放 · 免費

Sick Agency

專注於完整產品包裝的表現力數位設計代理商，採用大膽、字型優先的視覺識別。

01

設計氣質 DNA

一本充滿活力、受街頭藝術啟發的數位雜誌。

02

色彩

高對比、充滿活力的色盤，以橙色為主背景色，搭配大膽的黃色字型與醒目的藍色互動點綴。

03

字型

condensed-grotesque · transitional-serif

• display200px · 900
• display-sm160px · 900
• body24px · 400

展示型字型使用全大寫 · 緊湊字距搭配 condensed grotesque 展示字型 · 內文使用 transitional-serif 以形成對比

04

間距

不對稱且緊湊，由密集的字型排印佈局而非嚴格的網格所決定。

05

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

使用背景色 (#FFC700) 的 1px 實線，用於分隔佈局區塊。

06

版面

不對稱、密集的區塊式佈局，具有強烈的垂直與水平分隔線。

07

動效與互動

互動元素的彈跳彈簧過渡 · 平滑的透明度淡入

細微的縮放或顏色過渡，帶有彈跳緩動曲線。 · 標準游標互動，提供即時反饋。

08

組件

• button 圓形藍色徽章，配白色文字與虛線邊框。
• card 以邊框線條定義的字型區塊，而非陰影或背景色。
• chip 星芒形容器，用於社交圖示。
• hero 全寬、密集的字型構圖，包含重疊元素與垂直文字。

09

文案語氣與禁用清單

• 語氣 大膽、自信，且略帶不羈。
• 標題風格 簡短、有力，常採用全大寫。
• 按鈕文案 直接且具指令性（例如：「傳訊息給我們」）。

• 不要使用細體字型——截圖顯示為極粗、厚重的字重。
• 不要使用寬字距——截圖顯示展示型字型的字距緊湊。
• 不要使用柔和、去飽和的顏色——截圖顯示為高飽和度的橙色與黃色。
• 不要使用圓角矩形作為主要按鈕——截圖顯示為圓形、虛線徽章按鈕。
• 不要使用大量留白——截圖顯示為密集、緊湊的佈局。
• 不要使用無襯線字型作為內文——截圖顯示段落使用 transitional-serif 字型。
• 避免: 含蓄
• 避免: 柔和色調
• 避免: 標準企業術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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