精選 · 開放 · 免費

Diogoakio Com Br

為獨立設計師與藝術指導打造的精緻作品集網站，聚焦大膽排版與沉浸式暗色藝廊體驗。

01

設計氣質 DNA

一座策展精良、高對比度的數位藝廊。

02

色彩

高對比度與克制原則，運用深色背景突顯攝影與排版。

03

字型

humanist-sans

• display34px · 400
• body16px · 400

所有文字使用 400 字重。 · 標題字距緊縮，內文字距放寬。 · 排版是首要的結構元素。

04

間距

以固定 30px 間距定義主要段落分隔。

05

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

極簡或無邊框；透過間距與背景對比實現區隔。

06

版面

全出血暗色畫布，搭配頂端對齊的醒目排版標題與網格佈局的作品展示區。

07

動效與互動

所有元素套用標準 'all' 過渡效果，實現平滑狀態變換。

視覺回饋可能包含互動元素的微妙色調變化或顯示效果。 · 過渡效果以顯示更多內容，例如項目浮層。

08

組件

• button 極簡文字連結或按鈕，與深色背景形成高對比。
• card 以大型攝影卡片或簡潔文字區塊呈現內容，採網格佈局。
• chip 簡約的純文字元素。
• input 提供的截圖中未顯示。
• hero 全寬大字排版標題，作為整體頁面的主軸。

09

文案語氣與禁用清單

• 語氣 自信、直接且專業。
• 標題風格 宣言式且直截了當，以設計師姓名作為主要觸發點。
• 按鈕文案 低調且功能化，例如 'Ver matéria'。

• 勿使用白色背景——截圖顯示為主導的暗色主題。
• 勿使用粗體字重——截圖顯示統一的 400 字重。
• 勿添加陰影——截圖顯示為平面、表面層級的深度。
• 勿使用多種顏色——截圖顯示為嚴格的單色調色盤。
• 勿在元素上使用圓角——截圖顯示為銳利的方形邊緣。
• 勿使用複雜裝飾邊框——截圖依賴間距實現區隔。
• 避免: 過度裝飾
• 避免: 鮮豔色彩
• 避免: 複雜術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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