精選 · 開放 · 免費

Folkert Link

為設計師 Folkert Gorter 製作的排版作品集，採用嚴格的等寬字體索引與具表現力的重疊展示文字。

01

設計氣質 DNA

一個極簡、高度策展的設計索引或項目日誌。

02

色彩

強烈高對比的單色調（黑與白），搭配單一鮮明的黃色強調色，用於導覽情境。

03

字型

grotesque-sans · system-sans · monospaced

• display120px · 400
• body14px · 400
• mono13px · 400

主要排版採用嚴格的等寬字體，用於導覽與標籤。 · 大型展示文字使用簡潔的 grotesque-sans-serif，常旋轉或重疊呈現。 · 文字顏色嚴格限定為黑色或半透明黑色。

04

間距

等寬列表中採用寬鬆的垂直間距，與展示文字中的緊湊重疊形成對比。

05

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

卡片元素採用 1px solid rgba(0,0,0,0.15) 邊框，特定互動組件則使用較粗的邊框。

06

版面

不對稱分割佈局，左側為固定的等寬字體索引，右側為動態內容區域。

07

動效與互動

hover 與導覽變更時，採用簡單的淡入與滑動過渡效果。

游標在互動元素上方變為指標，並伴隨細微的顏色或透明度變化。 · 導覽至項目專屬覆蓋層或外部連結。

08

組件

• button 基於文字的導覽連結，部分採用粗體等寬字體樣式並搭配黃色強調。
• card 不對稱的項目縮圖網格，主要為圖片，無統一的圓角半徑。
• chip 不適用
• input 不適用
• hero 大型、具表現力的重疊且垂直旋轉的展示文字，主導中央視窗區域。

09

文案語氣與禁用清單

• 語氣 簡約、極簡且具知性。
• 標題風格 具表現力、重疊且常垂直導向的展示字體。
• 按鈕文案 plain 的等寬字體文字，有時以鮮明的黃色背景強調。

• 不要使用多種強調色 — 螢幕截圖顯示為嚴格的單色調色盤搭配單一黃色強調。
• 不要在所有元素上使用傳統的圓角 — 螢幕截圖顯示為銳利邊緣與特定圓形容器的混合。
• 不要將主要導覽置中對齊 — 螢幕截圖顯示為嚴格的左對齊等寬字體索引。
• 不要在主要索引中使用標準無襯線字體 — 螢幕截圖顯示為專用的等寬字體。
• 不要使用繁雜的背景 — 螢幕截圖顯示為乾淨、純白的背景。
• 不要使用厚重的陰影效果 — 螢幕截圖顯示為平面表面搭配極簡、細微的邊框。
• 避免: 避免裝飾性元素或圖庫圖片。
• 避免: 避免過於複雜的 UI 組件或厚重的 gradient。
• 避免: 避免使用多種強調色。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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