精選 · 開放 · 免費

6Am Glass

一個具侵略性比例與激進間距的高對比、排版驅動設計系統。

01

設計氣質 DNA

一場文字即雕塑的粗野主義畫廊展覽。

02

色彩

嚴格的單色調，追求最大對比。

03

字型

grotesque-sans

• display72px · 400
• body15px · 400
• caption14px · 400

所有排版皆採用大寫字母，以產生強烈衝擊力。 · 使用緊湊的負字距來壓縮大型文字區塊。 · 激進的行高設定創造出密集、具建築感的文字鎖定區塊。

04

間距

不規則且不對稱，偏好大型、戲劇性的間隔。

05

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

僅用於按鈕等功能性元素的實心黑色 1px 線條。

rgba(0, 0, 0, 0.15) 0px 0px 0px 1px

06

版面

密集、不對稱的格線，文字區塊錨定於相對角落。

07

動效與互動

細微的淡入淡出 · 即時過渡

游標在文字連結上保持手指指標；無可見的樣式變化。 · 直接且立即。

08

組件

• button 極簡的描邊矩形，帶有緊湊的大寫標籤。
• card 在提供的截圖中未見。
• chip 在提供的截圖中未見。
• input 在提供的截圖中未見。
• hero 運用不對稱對齊與極端比例的大型排版宣言。

09

文案語氣與禁用清單

• 語氣 直接、權威且沉靜。
• 標題風格 巨大、具侵略性且建築感。
• 按鈕文案 細微且功能導向，常以小型膠囊或連結形式呈現。

• 勿使用色彩強調 — 截圖顯示嚴格的單色調色盤
• 勿使用柔軟或圓潤形狀 — 截圖顯示銳利、幾何邊緣
• 勿使用裝飾性襯線字體 — 截圖顯示粗體、工業風的無襯線字體
• 勿將大型文字區塊置中對齊 — 截圖顯示激進的左對齊、右對齊與不對稱對齊
• 勿使用過多的內文 padding — 截圖顯示緊密、密集的文字鎖定區塊
• 勿使用投影或 3D 效果 — 截圖顯示平坦的 2D 表面
• 避免: 裝飾性元素
• 避免: 色彩強調
• 避免: 親切問候語
• 避免: 複雜漸層

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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