精選 · 開放 · 免費
Emmabackman
一個超極簡、僅由文字構成的作品集版面，依靠嚴格網格與極致克制來傳達專業聲望。
PortfolioStudioRestraintCleanTypography
01
設計氣質 DNA
極簡主義編輯式檔案式專業簡約
一個黑色牆面的展廊，搭配白色標籤文字。
02
色彩
#ffffffInk
rgba(255,255,255,0.4)Ink soft
#000000BG
rgba(255, 255, 255, 0.4)Line
純黑與純白之間的最大對比，次要元素使用結構化的透明度。
03
字型
grotesque-sans
- body
16px · 400 - bodySmall
14px · 400
字體設定為標準的幾何/怪誕無襯線體，字重 400。 · 行高異常緊湊，以創造密集、緊湊的文字區塊。 · 不使用裝飾性樣式、斜體或粗體；層級透過位置和密度建立。
04
間距
4px
8px
12px
16px
24px
32px
48px
嚴格以 4px 為基準單位，一致應用於內距與欄間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用 rgba(255, 255, 255, 0.4) 的 1px 實線來劃分垂直欄位。
06
版面
1920container
12columns
12pxgutter
768 / 1024breakpoints
一個嚴格的多欄網格版面（桌面端通常為 6 至 8 欄），由垂直白色分隔線定義。
07
動效與互動
350msmicro
350mssmall
350msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
統一的 0.35s 過渡效果，應用於所有互動狀態。
文字元素上的微妙透明度或顏色變化，透過標準 0.35s 過渡效果控制。 · 立即的狀態變化，無彈跳或誇張的回饋。
08
組件
- button 純文字互動元素，具有 10px 12px 的內距與 0.35s 的過渡效果。
- card 純文字列表項目，無容器或背景。
- hero 純文字、無圖片的首頁主視覺區域。
09
文案語氣與禁用清單
- 語氣 客觀、檔案式且嚴格專業。
- 標題風格 直接、不加修飾且具功能性的命名。
- 按鈕文案 純文字連結，無按鈕、邊框或背景填充。
- 不要使用彩色強調色——截圖顯示的是嚴格的單色黑白調色板。
- 不要加入陰影或卡片——截圖顯示的是完全平坦、無容器的列表結構。
- 不要使用襯線字體——截圖顯示的是純粹的無襯線字體。
- 不要使用粗體字重——截圖顯示所有元素統一使用 400 字重。
- 不要使用大間距——截圖顯示的是極緊湊的行高和小內距。
- 不要使用裝飾性邊框——截圖顯示僅有簡單的單像素垂直分隔線。
- 避免: 驚嘆號
- 避免: 表情符號
- 避免: 行銷流行語
- 避免: 視覺雜亂
11
System Prompt
這是一個為創意專業人士打造的超極簡、純文字作品集網站。設計基因建立在嚴格、高對比的黑色 (#000000) 與白色 (#ffffff) 調色板上，次要文字和邊框使用一致的 rgba(255, 255, 255, 0.4)。字體獨家採用怪誕無襯線體類別，字重 400，使用非常緊湊的行高（14px 文字約 18px 行高）來創造密集、建築般的文字欄位。版面由帶有垂直分隔線的多欄網格定義。關鍵限制：絕對禁止使用圖片，除了黑/白/灰外不使用其他顏色，不使用粗體，不使用圓角，不使用裝飾性 UI 元素。網站必須嚴格保持基於網格並以文字為核心，以維持其專業、檔案式的語調。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko