精選 · 開放 · 免費

Mad Ac

一個由大膽字體排印和實驗性圖示驅動的高對比、富有表現力的創意工作室識別。

01

設計氣質 DNA

一個將大膽藝術表達與結構化系統思維相融合的前衛設計工作室。

02

色彩

一個高度克制的無彩色調色盤，完全依賴高對比的墨色和留白來引導視覺焦點。

03

字型

humanist-sans · monospaced

• display56px · 560
• headline32px · 500
• body14px · 500

對內文和導覽文字使用緊湊的字距（-0.32px） · 為主要文字層級保持統一的字重 500 · 確保足夠的垂直間距，以平衡濃密的字體排印重量

04

間距

一個寬鬆、寬敞的節奏，允許大型圖形元素得以呼吸，同時在卡片內部保持緊湊的內距。

05

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

1px solid rgba(17, 19, 19, 0.1)

06

版面

主要導覽採用極簡的置中對齊版面，內容則過渡到堆疊式卡片系統。

07

動效與互動

互動元素的細微顏色和透明度過渡 · 富有表現力的圖形揭示效果使用 clip-path 過渡 · 疊加元素使用平滑的 backdrop-filter 變化

細微的透明度或顏色偏移，通常為 0.15 秒的過渡效果。 · 即時回應，提供最小化的視覺回饋。

08

組件

• button 極簡的文字連結，通常為大寫字母，帶有細微的 hover 狀態變化。
• card 高對比的容器，帶有細邊框、16px 內距和 8px 的小圓角。
• chip 小型、大寫的文字標籤，帶有細微的背景或邊框。
• input 極簡的文字輸入框，帶有乾淨的邊框，無厚重背景。
• hero 一個大尺度、富有表現力的圖形元素，搭配大膽、字距緊湊的字體排印。

09

文案語氣與禁用清單

• 語氣 自信、前瞻、且略帶挑釁。
• 標題風格 大膽、直接且極具表現力，導覽常使用全大寫。
• 按鈕文案 細微且融入字體排印之中，避免使用厚重的按鈕樣式。

• 不要使用多色調色盤——截圖顯示的是嚴格的黑白無彩色方案。
• 不要使用厚重的投影——截圖顯示元素由乾淨的邊框和留白定義。
• 不要使用纖細、精緻的字體排印——截圖顯示的是大膽、厚重的人文主義無襯線字體，字距緊湊。
• 不要使用通用的圖示——截圖特徵是高度表現性、手繪的有機形狀。
• 不要使用寬鬆的字距——截圖顯示緊湊、緊縮的字距（-0.32px）。
• 不要使用密集、雜亂的網格——截圖顯示的是極其寬敞、置中對齊的極簡版面。
• 避免: 避免雜亂的版面或過多的裝飾元素
• 避免: 避免低對比度的文字或柔和的調色盤
• 避免: 避免使用普通、企業化的語言
• 避免: 避免厚重的陰影或複雜的漸層
• 避免: 避免使用標準、缺乏靈感的圖示套件
• 避免: 避免使用可預期、網格緊密且缺乏呼吸空間的版面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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