精選 · 開放 · 免費
Elvinaprasad
一個強烈、高對比的作品集,運用極端的暗色模式與超大排版,營造神祕感與專注感。
StudioExperimentalMinimalPortfolioRefined
01
設計氣質 DNA
極簡實驗性高對比神祕感
一個黑暗的畫廊入口,僅能隱約看見標題的微弱蹤跡。
02
色彩
#FFFFFFInk
#1A1A1AInk soft
#000000BG
rgba(255, 255, 255, 0.1)Line
漆黑背景與純白文字之間的極致對比。
03
字型
geometric-sans
- display
120px · 700 - heading
24px · 400
導覽使用全大寫字母。 · 主標題文字保持極大且字距緊密。 · 所有文字元素維持高對比度。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
慷慨的留白,營造尺度感與專注感。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
無可見邊框;依賴色彩對比。
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血黑色背景,搭配極少、懸浮的元素。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
暗示大型標題文字的淡入效果。
暗示文字元素有細微的亮度變化。 · 暗示頁面過渡。
08
組件
- button 無可見元素。
- card 無可見元素。
- chip 無可見元素。
- input 無可見元素。
- hero 全螢幕深色背景,搭配一個巨大、部分可見的標題。
09
文案語氣與禁用清單
- 語氣 自信、極簡且具藝術感。
- 標題風格 超大、字距緊密,且常部分遮蔽以製造懸念。
- 按鈕文案 無可見元素;導覽為文字式。
- 勿使用明亮強調色 — 螢幕截圖顯示嚴格的黑白調色盤。
- 勿為容器添加 border-radius — 螢幕截圖顯示銳利、矩形的邊緣。
- 勿用多個可見元素使介面雜亂 — 螢幕截圖顯示極端的極簡主義。
- 勿使用淺色背景 — 螢幕截圖全為黑色。
- 勿使用襯線字體 — 螢幕截圖顯示乾淨、幾何感的無襯線排版。
- 勿為主標題元素使用小巧、精緻的字體 — 螢幕截圖採用巨大、粗體的文字。
- 避免: 雜亂的介面。
- 避免: 明亮、飽和的強調色。
- 避免: 容器使用圓角。
- 避免: 可見的邊框或方塊陰影。
11
System Prompt
這是一個極簡、實驗性的作品集網站。它使用極端的暗色模式,背景為漆黑(#000000),排版為純白(#FFFFFF)。字體類別為幾何無襯線。佈局稀疏,聚焦於單一、巨大的主標題,該標題部分可見。關鍵設計原則為高對比、大尺度與負空間。關鍵禁忌:切勿使用明亮強調色,切勿為容器添加 border-radius,切勿用可見元件使介面雜亂。網站感覺像一個黑暗、沉浸式的畫廊體驗。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko