精選 · 開放 · 免費

Yuga

以巨大字體為基石的高對比粗野數位存在。

01

設計氣質 DNA

一個從絕對黑暗中鑿刻而出的單體數位實體。

02

色彩

絕對的二元對比，嚴格的黑白基礎。

03

字型

grotesque-sans

• display102px · 800
• heading52px · 800
• body14px · 400

大型展示文字使用極端緊湊的字距 · 維持粗體字重以建立結構層次 · 內文保持小巧緊密以形成對比

04

間距

嚴格的 4px 網格，垂直間距緊湊。

05

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

纖細、高對比的邊框用於結構分隔。

06

版面

廣闊的深色畫布，搭配巨大的字體錨點。

07

動效與互動

流暢的不透明度漸隱 · 變換式的結構性位移

透過顏色或不透明度變化實現視覺狀態轉換。 · 即時的結構性回饋。

08

組件

• button 高對比的膠囊形狀，帶有極端圓角。
• card 簡約、深色的表面，內邊距極小。
• chip 小巧、膠囊形狀的分類標籤。
• input 簡潔、帶邊框的資料輸入欄位。
• hero 全螢幕的黑色虛空，搭配巨大字體與中央標誌。

09

文案語氣與禁用清單

• 語氣 堅定、直接且不妥協。
• 標題風格 以巨大字型呈現簡短、具衝擊力的陳述。
• 按鈕文案 簡潔並以行動為導向。

• 不要使用柔和的灰色 — 螢幕截圖顯示的是絕對黑 (#000000) 與白 (#FFFFFF)
• 不要使用襯線字體 — 螢幕截圖顯示的是粗體 grotesque-sans (AK Monument Grotesk)
• 不要使用小型展示尺寸 — 螢幕截圖顯示的是巨大的 102px 標題
• 不要使用寬鬆字距 — 螢幕截圖顯示的是緊湊的負字距 (-4.8px)
• 不要在卡片上使用圓角 — 螢幕截圖顯示的是銳利邊角
• 不要使用微妙的漸層 — 螢幕截圖顯示的是平坦的高對比色塊
• 避免: 友善或隨意的語言
• 避免: 多餘的裝飾元素
• 避免: 猶豫或模稜兩可的措辭

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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