精選 · 開放 · 免費
Giopandone
一份為品牌體驗設計師打造的、以字體排印為核心的內斂作品集。
PortfolioStudioCleanTypographyPhotographic
01
設計氣質 DNA
設計作品集極簡編輯風格高端
一個極簡主義的瑞士風格設計作品集。
02
色彩
#1840E7Accent
#000000Ink
rgba(0,0,0,0.45)Ink soft
#FFFFFFBG
rgba(0,0,0,0.1)Line
嚴格的高對比單色調，搭配單一鮮豔的藍色作為強調色，謹慎用於關鍵處。
03
字型
geometric-sans · neo-grotesque-sans · monospace
- display
56px · 400 - body
13px · 400 - caption
12px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
嚴格的 4px 基線格線，搭配充足的垂直留白。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(0,0,0,0.1)
06
版面
1280container
12columns
16pxgutter
768 / 1024breakpoints
嚴謹的格線系統，搭配充足的留白與不對稱的對齊方式。
07
動效與互動
220msmicro
250mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
滑鼠懸停時細微的透明度過渡效果
色彩或透明度變化，通常過渡至較柔和的墨色。 · 即時導覽。
08
組件
- button 極簡的文字導覽連結，全大寫，字體尺寸偏小。
- card 全寬攝影圖卡，下方搭配簡潔的字體排印。
- hero 大尺寸、多欄位的字體排印版面，搭配顯著的標誌與獨特的間距。
09
文案語氣與禁用清單
- 語氣 專業、內斂且極具自信。
- 標題風格 粗體、簡潔，在字體排印上佔據主導地位。
- 按鈕文案 極簡的文字連結，通常採用全大寫。
- 勿使用圓角邊框——畫面截圖顯示所有容器皆為銳利的方形邊緣。
- 勿使用陰影效果——畫面截圖顯示平面化的表面，無深度效果。
- 勿使用多種強調色——畫面截圖顯示僅有單一藍色強調色對比單色調。
- 勿使用置中文字版面——畫面截圖顯示左對齊與不對稱的字體排印。
- 勿使用雜亂的背景——畫面截圖顯示純白的留白空間。
- 勿使用裝飾性邊框——畫面截圖顯示僅有功能性的細分割線。
- 避免: 裝飾性元素
- 避免: 圓角邊框
- 避免: 鮮豔的多彩調色板
- 避免: 活潑的動畫效果
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為品牌體驗設計師設計的極簡主義作品集。它採用嚴格的單色調色板（白色 #FFFFFF 背景、黑色 #000000 文字、柔和的 rgba(0,0,0,0.45) 次要文字），並以單一鮮豔的藍色（#1840E7）作為強調色。字體排印依賴幾何與新怪誕體無襯線字類，搭配一個巨大的展示標誌與小尺寸、全大寫的導覽。版面高度結構化，採用嚴格的 4px 基線格線、銳利的方形邊角與充足的留白空間。關鍵禁忌：永不使用圓角邊框、避免陰影效果、永不使用多彩調色板、避免置中文本、永不使用雜亂背景，並避免裝飾性邊框。
en · zh-CN · zh-TW · ja · ko