精選 · 開放 · 免費
Marioecg
一個視覺藝術家的簡潔作品集網站,以大膽、多彩的生成藝術作為主要視覺元素。
PortfolioGalleryStudioPhotographicClean
01
設計氣質 DNA
作品集藝術家抽象攝影實驗性
一個極簡的白色畫廊空間,展示著一幅充滿活力、覆蓋整面牆的光雕裝置藝術。
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.0)Line
設計依賴極簡的黑白介面來框住高飽和度、多彩的漸層藝術作品,使其成為唯一的色彩來源。
03
字型
transitional-serif
- display
32px · 400 - body
14px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
視窗邊緣寬裕的padding為中央藝術作品創造了清晰的框架,導覽項目間則採用標準間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
所有元素均無可見邊框或border-radius,維持完全扁平且乾淨的美學。
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
簡約的頁首與頁尾框住一個全版面、全高度的中央主視覺影像,此視圖中未見其他區塊。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
在此靜態截圖中未見任何動畫或動態效果。
未見懸停狀態;導覽連結可能採用標準的文字底線或顏色變化。 · 未見點擊狀態。
08
組件
- button 未見按鈕;導覽採用純文字連結形式。
- card 未見卡片元件。
- chip 未見標籤元件。
- input 未見輸入欄位。
- hero 單一全版面、矩形影像由多個垂直漸層條帶組成,作為主導性的視覺元素,佔據了大部分的視窗空間。
09
文案語氣與禁用清單
- 語氣 極簡、直接且自信,讓藝術作品自行說話。
- 標題風格 網站標題採用經典襯線字體,作為主要的排印識別。
- 按鈕文案 未見行動呼籲元素;設計鼓勵被動觀覽與探索。
- 避免使用深色模式——截圖顯示為明亮的白色背景。
- 避免使用圓角——截圖顯示為銳利的矩形主視覺影像。
- 避免使用主色調作為介面強調色——截圖僅顯示黑色文字。
- 避免使用複雜的網格佈局——截圖顯示為單一全版面主視覺影像。
- 避免在表面上使用陰影或邊框——截圖顯示為完全扁平的設計。
- 避免在標誌中使用無襯線字體——截圖顯示為過渡襯線字體。
- 避免: 避免使用深色主題——截圖顯示為淺色白色背景。
- 避免: 避免使用圓角——截圖顯示為銳利的矩形元素。
- 避免: 避免使用彩色介面元素——截圖僅顯示白色背景上的黑色文字。
- 避免: 避免使用複雜的內容網格——佈局為單一全版面影像。
- 避免: 避免使用厚重的邊框或陰影——設計完全扁平。
- 避免: 避免使用活潑或圓潤的字型——字體為經典、銳利的襯線體。
11
System Prompt
這是一個極簡的藝術家作品集網站,屬於「Mario Carrillo」。它使用純白背景搭配黑色過渡襯線字體,營造出經典、精緻的識別感。佈局極其簡單,採用單一全版面、全高度的主視覺影像,內容為青、洋紅、黃、綠色調的鮮豔垂直漸層條帶,作為唯一的色彩來源。設計避開了任何深色模式、圓角、彩色介面元素、複雜網格、陰影或無襯線品牌字體,完全專注於框住藝術作品。主要色碼為背景的#FFFFFF與墨色的#000000。字體分類方面,顯示與內文字體皆採用過渡襯線體。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko