精選 · 開放 · 免費
Coricorinne
一個極簡的個人作品集，突顯強烈的字型選擇與原始的攝影風格。
EditorialTypographyPortfolioStudioClean
01
設計氣質 DNA
設計師作品集編輯式極簡字型排印
一張精緻的字型排印海報
02
色彩
#292A2CInk
#F6F5F0BG
#FFFFFFBG soft
#6B6C6FMuted
rgba(41,42,44,0.15)Line
高對比中性色盤
03
字型
didone-serif · humanist-sans
- display
120px · 400 - heading
30px · 400 - body
18px · 400
使用 didone-serif 作為主要展示字型，營造高端時尚的編輯感。 · 使用 humanist-sans 作為導覽與功能性文字，以確保高度可讀性。 · 在大型展示字型上保持緊湊的字距。
04
間距
4px
8px
16px
24px
30px
48px
64px
125px
寬鬆的垂直節奏，搭配充裕的留白以強調字型排印
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框，完全依賴留白與字型排印來區隔內容
06
版面
1440container
12columns
30pxgutter
768 / 1024breakpoints
全寬的圖片網格，配有最小化的內距
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
載入時的淡入與向上滑動 · 平滑的背景色過渡
連結的背景色過渡 · 透過游標 cursor 提供即時回饋
08
組件
- button 極簡的文字連結，游標為 pointer
- card 邊對邊的攝影面板
- hero 巨大的字型展示，搭配全寬背景色
09
文案語氣與禁用清單
- 語氣 專業、極簡、具藝術感
- 標題風格 高對比襯線字型、巨大尺度、緊湊字距
- 按鈕文案 細膩的文字連結，無按鈕
- 不要使用圓角——截圖顯示所有元素皆為完全銳利、方正的邊緣
- 不要添加陰影——截圖顯示完全平面的表面，無任何深度效果
- 不要使用彩色的強調色——截圖完全依賴嚴格的中性黑/灰/奶油色調色盤
- 不要使用無襯線字型作為標題——截圖使用高對比的 didone-serif 作為主要展示字型
- 不要讓佈局過於擁擠——截圖顯示大量的留白與大型字型
- 不要使用複雜的背景圖案——截圖顯示純色、平面的背景色彩
- 避免: 雜亂
- 避免: 裝飾性元素
- 避免: 鮮豔的強調色
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個極簡、編輯風格的設計師個人作品集。它採用嚴格的中性色盤，包含溫暖的米白 (#F6F5F0) 與近乎黑色 (#292A2C)，無任何鮮豔的強調色。字型排印是主要焦點，使用高對比的 didone-serif 作為巨大的展示文字，並搭配簡潔的 humanist-sans (Open Sans) 用於導覽。關鍵限制：避免任何圓角或陰影；維持嚴格的平面、銳邊表面。不要引入彩色的強調色或複雜的圖案。優先考慮巨大的留白與大型字型尺度，而非內容密度。
en · zh-CN · zh-TW · ja · ko