精選 · 開放 · 免費
Alecbabala
極簡的單色調藍色個人作品集。
EditorialPhotographicMinimalPortfolioClean
01
設計氣質 DNA
個人化創意簡潔極簡單色調
彷彿攝影師的暗房沐浴在單一藍光中，展示著沖洗完成的相片。
02
色彩
#FFFFFFInk
rgba(255,255,255,0.72)Ink soft
#194AE9BG
rgba(255,255,255,0.08)Line
嚴格的單色調藍色，搭配白色文字以達到最大的對比與專注度。
03
字型
monospace · sans-serif
- display
16px · 400 - body
14px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的垂直節奏，帶有大間距（55px、64px、96px）。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框。
06
版面
24pxgutter
768 / 1024breakpoints
單欄、置中的佈局。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
文字與圖片具有細膩的 hover 過渡效果。
文字顏色或透明度在 hover 時變化。 · 導覽連結。
08
組件
- button 無可見按鈕。
- card 帶有輕微藍色調的圖片卡片。
- chip 無可見標籤。
- input 無可見輸入框。
- hero 以姓名為主體的簡潔文字標頭。
09
文案語氣與禁用清單
- 語氣 直接、個人化且內斂。
- 標題風格 全小寫、等寬字體、簡短語句。
- 按鈕文案 簡潔的底線文字連結。
- 勿使用襯線字體——截圖僅顯示等寬與無襯線字體。
- 勿使用多種背景顏色——截圖顯示貫穿全場的單一藍色背景。
- 勿添加裝飾性邊框或陰影——截圖顯示無邊框的平面設計。
- 勿使用大寫文字——截圖顯示所有文字均為小寫。
- 勿使用複雜網格——截圖顯示簡潔的單欄置中佈局。
- 勿使用明亮、高彩度的強調色——截圖顯示嚴格的藍白配色。
- 避免: 正式語言
- 避免: 裝飾性元素
- 避免: 搶眼色彩
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個極簡的個人作品集網站，具有強烈的單色調藍色識別。設計以單一鮮明藍色（#194AE9）作為背景，搭配白色（#FFFFFF）與半透明白色文字。字體採用等寬字體（Courier Prime）作為標題，無襯線字體（Inter/system-ui）作為內文，全部為小寫。關鍵佈局為單欄置中，帶有寬裕的垂直間距。嚴格禁止：不使用襯線字體、不使用多種背景顏色、不添加裝飾性邊框或陰影、不使用大寫文字、不使用複雜網格、不使用明亮強調色。
en · zh-CN · zh-TW · ja · ko