精選 · 開放 · 免費
Nordebrink
一款精緻、極簡的字體排印作品集，著重於純粹內容與優雅層次。
PortfolioTypographyCleanStudioEditorial
01
設計氣質 DNA
克制字體排印精緻專業極簡
一本精選的專著或高端設計作品集。
02
色彩
#000000Ink
#FFFFFFBG
#949494Muted
rgba(0,0,0,1)Line
強烈對比的單色調色板，完全依賴字體排印與間距建立層次。
03
字型
humanist-sans
- body
20px · 400 - small
16px · 400
採用緊湊負字母間距，營造精緻、緊實的字體排印質感。 · 次要文字使用微妙的透明度與顏色變化，而非尺寸調整。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
採用寬鬆的垂直間距，列表項目保持嚴格 16px 內距，欄位間距為 30px。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用細微 1px 實線邊框（rgb(0,0,0)）區隔列表，避免厚重的視覺區塊。
06
版面
3columns
30pxgutter
768breakpoints
桌面端採用不對稱雙欄佈局（左側窄欄放置標籤，右側寬欄放置內容），行動端收縮為單欄。
07
動效與互動
220msmicro
400mssmall
600msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
懸停狀態下的顏色與透明度變化採用平滑過渡效果。
互動文字元素的顏色過渡（可能轉為啞光灰色）。 · 立即導覽。
08
組件
- button 僅含文字的連結，搭配箭頭指示器，依賴懸停狀態進行互動。
- card 無；內容以平面化、結構化的字體排印列表呈現。
- chip 無。
- input 無。
- hero 一個密集的字體排印介紹區塊，配有向下箭頭提示捲動。
09
文案語氣與禁用清單
- 語氣 專業、自信且高度克制。
- 標題風格 極簡風格，依賴粗體字體層次而非視覺裝飾。
- 按鈕文案 微妙的文字提示或簡潔箭頭。
- 不使用裝飾性圖示 — 螢幕截圖顯示的是極簡、功能性箭頭
- 不使用多種字體家族 — 螢幕截圖顯示全程使用單一 humanist-sans 類字體
- 不使用厚重的背景填充或卡片 — 螢幕截圖顯示純白背景搭配平面文字
- 不使用原色作為強調色 — 螢幕截圖顯示嚴格的單色調色板
- 不使用寬鬆字母間距 — 螢幕截圖顯示緊湊的負字母間距
- 不使用大幅字重變化 — 螢幕截圖顯示所有文字統一使用 400 字重
- 避免: 過度使用粗體字重或大寫字母進行強調。
- 避免: 裝飾性元素、圖示或插圖。
- 避免: 複雜的多色調色板或漸層效果。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為專業設計師打造的精緻、極簡設計作品集，完全依賴字體排印與寬鬆的留白建立層次。調色板嚴格採用單色調，以純白背景搭配深黑色文字（#000000）與特定啞光灰色（#949494）呈現次要資訊。字體排印使用單一 humanist-sans 類字體，特點為緊湊負字母間距（-0.414px）與統一的 400 字重，創造出緊實而優雅的閱讀質感。關鍵限制包括：避免所有裝飾元素、插圖或背景填充；避免多種字體家族或大幅字重變化；避免原色強調或複雜漸層效果。佈局在桌面端採用不對稱網格，行動端優雅收縮為單欄，確保乾淨、編輯式的呈現。
en · zh-CN · zh-TW · ja · ko