精選 · 開放 · 免費
Erno Works
一個精緻的作品集，屬於一位多學科設計總監，強調邏輯、清晰度與工藝。
PortfolioStudioCleanRefinementEditorial
01
設計氣質 DNA
設計方向工藝清晰度邏輯
一個展示高端設計作品的極簡風格畫廊
02
色彩
#202020Ink
#fafbfcBG
#dfdcdcBG quiet
rgba(27, 27, 27, 0.13)Line
極簡且嚴格功能性導向，依賴近乎單色的調色板來凸顯作品本身。
03
字型
humanist-sans
- display
57px · 400 - h2
43px · 400 - body
21px · 400
所有文字使用統一的 Humanist Sans-Serif 字體 · 大型展示文字使用緊湊的字間距 · 偏好使用輕盈至 Regular 的字重以呈現精緻感
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的留白與垂直節奏，以營造冷靜、舒適的佈局
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用 1px 細線作為細微的區段分隔線
06
版面
1280container
12columns
18pxgutter
768 / 1024breakpoints
響應式網格，從單欄行動裝置佈局轉換為多欄桌面展示佈局
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
針對元素的細微淡入與不透明度過渡效果
互動元素上的細微不透明度變化 · 標準的連結行為
08
組件
- button 極簡的文字連結，通常無邊框或背景
- card 專案卡片由圖片與簡潔的文字覆蓋層或相鄰文字組成
- hero 一個大型、主導性的字體聲明，搭配寬裕的負空間
09
文案語氣與禁用清單
- 語氣 專業、自信且含蓄
- 標題風格 直接、第一人稱的設計哲學陳述
- 按鈕文案 簡單、無修飾的文字連結
- 不要使用粗體字重 — 截圖顯示僅使用輕盈至 Regular 字重
- 不要為專案圖片添加陰影 — 截圖顯示完全平面的影像
- 不要在卡片或容器上使用圓角 — 截圖顯示銳利的矩形邊緣
- 不要引入飽和的強調色 — 截圖顯示嚴格的單色調且柔和的調色板
- 不要用密集的文字填滿佈局 — 截圖顯示寬裕的留白與呼吸空間
- 不要使用裝飾性的背景圖案 — 截圖顯示純淨、單色的背景
- 避免: 過於複雜或裝飾性的元素
- 避免: 明亮、飽和的色彩
- 避免: 密集的文字區塊
- 避免: 容器的圓角
- 避免: UI 元素的陰影
- 避免: 粗體、厚重的字重
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個設計總監的極簡風格作品集。調色板嚴格單色，使用稍偏灰白的背景（#fafbfc）、深灰色文字（#202020）與細微的邊框（rgba(27, 27, 27, 0.13)）。字體排印為乾淨的 Humanist Sans-Serif，展示文字使用緊湊的字間距。佈局寬敞，留白寬裕。關鍵禁忌：不要使用粗體字重、不要為圖片添加陰影、不要引入飽和的強調色。設計依賴清晰度與克制，以讓展示的作品本身脫穎而出。
en · zh-CN · zh-TW · ja · ko