精選 · 開放 · 免費
Bpowell
一個由大膽排版和極致留白驅動的極簡主義作品集。
PortfolioTypographyStudioCleanBold Typography
01
設計氣質 DNA
極簡排版作品集大膽編輯式
一本高端設計專論
02
色彩
#111111Ink
#373737Ink soft
#FFFFFFBG
rgba(17,17,17,0.1)Line
嚴格的單色調色板，依賴深黑色文字與純白空間之間的對比
03
字型
grotesque-sans
- display
86px · 500 - body
26px · 500
展示型字體採用緊密的負字距 · 中等字重用於主要強調 · 標題與內文字體大小採用高對比度跳躍
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
非對稱，使用大區塊的負空間來分隔內容區塊
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
主要介面不使用邊框；互動連結上會出現 2px 實線邊框
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
非對稱網格，含多欄標題與大型單欄內容區塊
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
所有元素都套用 CSS 過渡效果，以實現平滑的狀態變化
文字連結的透明度或顏色細微變化 · 即時的導航過渡
08
組件
- button 純文字連結，帶有 2px 底部邊框和指標游標
- card 無
- chip 無
- input 無
- hero 超大尺寸的排版專案列表，具有緊密行距與負字距
09
文案語氣與禁用清單
- 語氣 沉穩自信、專業且精緻
- 標題風格 極簡主義，完全依賴字體比例與排版，無裝飾元素
- 按鈕文案 內斂，使用帶有細微底線的簡單文字連結
- 不要使用陰影效果 —— 螢幕截圖顯示為平坦、無陰影的介面
- 不要使用多色調色板 —— 螢幕截圖顯示為嚴格的單色黑白
- 不要在容器上使用圓角 —— 螢幕截圖顯示為銳利、方形的邊緣
- 不要將主要內容的文字對齊置中 —— 螢幕截圖顯示為左對齊排版
- 不要使用裝飾性襯線字體 —— 螢幕截圖顯示為嚴格的無襯線字體
- 不要使用小而膽怯的展示型文字 —— 螢幕截圖顯示為巨大、主導性的標題
- 避免: 彩色強調
- 避免: 陰影效果
- 避免: 複雜漸層
- 避免: 圓角容器
- 避免: 插圖
- 避免: 複雜佈局
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為設計師和影片創作者準備的高端、極簡主義作品集。它採用嚴格的單色調色板，文字使用深黑色 (#111111)，背景使用純白色 (#FFFFFF)。排版高度依賴大膽的 grotesque-sans 展示型字體，帶有負字距與緊密行高。關鍵限制：不使用陰影效果、佈局不使用圓角、不使用彩色強調、不使用文字置中對齊、不使用襯線字體，也不使用裝飾性插圖。焦點完全在於比例、留白與乾淨的排版。
en · zh-CN · zh-TW · ja · ko