精選 · 開放 · 免費

Ijpowell

一個精緻的極簡主義作品集網站，專注於藝術指導與互動設計。

01

設計氣質 DNA

一個極簡的攝影展覽空間，搭配乾淨的字體與充足的留白。

02

色彩

嚴格的單色調，零彩色，完全依賴黑色、白色與灰階。

03

字型

transitional-serif

• display56px · 400
• body17px · 400

所有內文使用 -0.425px 字間距 · 所有元素的字重保持 400 · 所有主要字體使用過渡襯線體

04

間距

彈性間距，在中央媒體區域周圍提供充足的內邊距。

05

表面 (圓角 / 陰影 / 邊線)

最小化的 1px 灰階邊框，僅節制地用於結構性元素。

06

版面

固定的頁首，包含左、中、右元素；置中的媒體區塊；固定的頁尾。

07

動效與互動

所有狀態變化均使用平滑的 1 秒過渡。

導覽連結上細膩的透明度或狀態變化。 · 立即回應，並平滑過渡到新狀態。

08

組件

• button 純文字導覽，活動狀態使用實心圓形指示器。
• card 大型全寬媒體框架，帶有粗黑色邊框，用於放置影像或字體排版。
• hero 大型置中媒體容器，以顯眼的黑色框架展示專案作品。

09

文案語氣與禁用清單

• 語氣 極簡、專業且內斂。
• 標題風格 乾淨的過渡襯線字體，搭配緊湊的字距調整。
• 按鈕文案 簡單的純文字行動呼籲，整合於頁尾或導覽中。

• 勿使用鮮豔色彩——截圖顯示的是嚴格的黑白單色調色板。
• 勿使用無襯線字體——截圖顯示的是過渡襯線字體。
• 勿添加陰影或複雜的卡片樣式——截圖顯示的是平面、帶有邊框的媒體框。
• 勿使用粗重的字重——截圖顯示所有文字字重皆為 400。
• 勿用多欄位佈局使介面雜亂——截圖顯示的是單一、置中的焦點。
• 勿在容器上使用圓角——截圖顯示的是媒體框架上銳利的方形邊角。
• 避免: 彩色漸層
• 避免: 密集段落
• 避免: 裝飾性圖標
• 避免: 喧鬧的行動呼籲
• 避免: 雜亂的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko