精選 · 開放 · 免費

Cinderbloc

以字型為主導、具備強烈幾何基礎的單色調品牌識別。

01

設計氣質 DNA

為數位設計奠基的粗獷、建築感基礎。

02

色彩

採用嚴格的黑、白、灰色調，創造極致對比。

03

字型

geometric-sans

• display62px · 300
• body15px · 400

所有展示文字皆使用大寫。 · 大型展示尺寸使用輕字重（300）。

04

間距

寬敞的留白，使用較大的 padding 值以創造呼吸空間。

05

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

纖細、精確的線條（3px），用於幾何圖形。

06

版面

大而乾淨的空間區塊，並具備精確的幾何對齊。

07

動效與互動

流暢、精緻的過渡效果，採用自訂的 cubic-bezier 緩動函數。 · 元素以輕微的變換淡入。

細微的狀態變化，通常涉及透明度或輕微的變換。 · 透過過渡效果提供即時的視覺回饋。

08

組件

• button 幾何形狀、高對比度、文字大寫。
• card 以纖細的外框與寬敞的 padding 為特徵。
• chip 簡潔的幾何形狀，具高對比度。
• input 乾淨、簡約，具精確的邊框。
• hero 以粗體字型為主導，搭配大型的幾何背景圖形。

09

文案語氣與禁用清單

• 語氣 具權威感、結構性且自信。
• 標題風格 粗體、大寫，且常以幾何方式排列。
• 按鈕文案 清晰、大寫且直接。

• 不要使用多種字體族——截圖顯示僅使用一種幾何無襯線字體。
• 不要使用鮮豔、飽和的顏色——截圖顯示嚴格的單色調色盤。
• 不要使用圓潤、俏皮的形狀——截圖顯示銳利的幾何形態。
• 不要使用粗字重的展示文字——截圖顯示使用輕字重（300）。
• 不要使用小寫字母作為標題——截圖顯示使用大寫文字。
• 不要添加複雜的陰影或漸層——截圖顯示平坦、乾淨的表面。
• 避免: 俏皮或隨意的語言。
• 避免: 裝飾性或繁複的元素。
• 避免: 複雜的配色方案。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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