精選 · 開放 · 免費
Jeen Yuhs
一個極簡的單色檔案庫入口,具備粗野主義、故障美學與復古數位排版。
PortfolioPhotographicBoldExperimentalCuration
01
設計氣質 DNA
實驗性單色調原始電影感數位artefact
一捲故障的 VHS 錄影帶或粗野主義數位展覽的入口
02
色彩
#FFFFFFInk
#000000BG
#767676Muted
rgba(118, 118, 118, 1)Line
絕對的二元對比;僅使用純黑與純白。
03
字型
monospace
- display
200px · 400 - body
18px · 400 - caption
12px · 400
所有文字嚴格採用大寫 · 所有元素皆使用等寬字體系列
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
以標準 4px 為基準,互動元素則採用寬裕的 padding。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
互動元素採用嚴格的 2px solid 邊框,無 border-radius。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全螢幕黑色畫布,內容置中,強調純白元素。
07
動效與互動
150msmicro
300mssmall
800msmedium
lineareasing
故障閃爍 · 色彩偏移 · 數位artefact化
反轉色彩或觸發數位故障效果。 · 觸發微互動或故障過渡。
08
組件
- button 大寫等寬文字,搭配 2px solid 白色邊框與 2px padding。
- card 極簡內容區塊,具嚴格邊框且無圓角。
- chip 小型、大寫的等寬標籤,帶有 2px solid 邊框。
- input 極簡文字輸入框,具 2px solid 白色邊框與黑色背景。
- hero 一個巨大、置中、故障的等寬字元(例如 'II')置於黑色背景上。
09
文案語氣與禁用清單
- 語氣 原始、檔案庫風、實驗性、毫不妥協
- 標題風格 極簡、等寬,常為故障或扭曲處理。
- 按鈕文案 大寫等寬文字,常帶 2px 邊框。
- 請勿使用柔和陰影——截圖顯示僅有平面、無邊框的元素。
- 請勿使用圓角——截圖顯示嚴格的矩形形狀。
- 請勿使用多種色彩——截圖顯示嚴格的黑白配色。
- 請勿使用無襯線字體——截圖顯示僅使用等寬字體排版。
- 請勿使用小寫文字——截圖顯示所有文字均為大寫。
- 請勿使用複雜漸層——截圖顯示僅有純黑與純白填充。
- 避免: 精緻的漸層
- 避免: 圓角
- 避免: 暖色調
- 避免: 親和的插圖
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
為粗野主義、實驗性的數位檔案庫或作品集進行設計。使用嚴格的黑白配色,無強調色。字體必須是等寬且大寫。佈局應簡潔且全螢幕。避免所有常見的 UI 修飾,如圓角、陰影或漸層。聚焦於原始、數位、檔案庫美學,帶有故障或扭曲元素。此系統使用黑色背景 (#000000) 與白色前景 (#FFFFFF)。字體完全採用等寬體。關鍵限制:無 border-radius、無陰影、無小寫文字,且無多色調色板。整體感受應如一捲 VHS 錄影帶或復古終端機介面。
en · zh-CN · zh-TW · ja · ko