精選 · 開放 · 免費

Cthdrl

一個大膽、深色主題的機構作品集，運用龐大的字體與等寬字體細節，傳達策略性的精緻感。

01

設計氣質 DNA

為數位品牌打造的高端建築工作室。

02

色彩

嚴格的高對比度單色調，以溫暖的米白色墨水對比深黑色背景。

03

字型

grotesque-sans · monospace

• display121px · 400
• body11px · 400
• caption32px · 400

04

間距

寬鬆的水平與垂直 padding，定義出清晰的內容區塊。

05

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

細薄的 1px 邊框，謹慎用於頂部標題與底線。

06

版面

不對稱分割畫面與多欄網格版面。

07

動效與互動

頁面載入時，細微的透明度淡入與變換滑動。

極簡的視覺變化，主要為色彩過渡或透明度轉變。 · 標準連結行為。

08

組件

• button 極簡的文字連結，大寫，有時帶底線。
• card 無傳統卡片；內容以模組化網格排列。
• chip N/A
• input N/A
• hero 全寬的龐大字體排印，搭配幾何背景線條圖形。

09

文案語氣與禁用清單

• 語氣 權威、知性且具前瞻性。
• 標題風格 全大寫、高度緊縮或字距緊密的龐大字體。
• 按鈕文案 低調的大寫文字連結，有時帶有等寬字體風格。

• 避免使用圓角——截圖顯示為銳利、零邊緣的設計。
• 避免使用明亮、飽和的強調色——截圖顯示為嚴格的單色調色板。
• 避免使用傳統的句首大寫內文——截圖大量使用大寫字母。
• 避免依賴小型、密集的段落——截圖使用龐大的、孤立的字體排印語句。
• 避免使用高度裝飾性或手寫體字型——截圖使用嚴格結構化的 grotesque-sans 與等寬字體。
• 避免使用複雜的 UI 元素，如卡片或按鈕——截圖依賴簡潔、模組化的字體排印。
• 避免: 陳詞濫調
• 避免: 推銷術語
• 避免: 非正式語言
• 避免: 俏皮色彩
• 避免: 厚重的 UI 元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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