← OpenDesign
精選 · 開放 · 免費
Gustavo Work
一個以排版為導向、極簡的設計師作品集,運用巨大規模與乾淨格線來展示作品。
Portfolio Studio Typography Clean Graphic Design
01
設計氣質 DNA
極簡 編輯式 排版 個人 直接
時尚編輯式佈局與野獸派作品集的結合。
02
色彩
#282828Ink
#FFFFFFBG
#DCDCDCMuted
rgba(40, 40, 40, 0.2)Line
高對比度的單色調,搭配節制的排版。
03
字型
transitional-serif · geometric-sans · monospaced
display 142px · 400displaySmall 125px · 700body 16px · 400caption 12px · 400展示排版使用具尖銳襯線、高對比度的過渡襯線體。 · 內文與 UI 元素使用乾淨、標準的幾何無襯線系統字體。 · 極端的字體大小對比創造出鮮明的視覺層次。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的留白與強烈的對齊錨點構成佈局。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
用於分隔的細 1px 線條。
06
版面
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
不對稱的雙欄佈局,配有巨大的標題。
07
動效與互動
200ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
hover 過渡 · 淡入淡出
文字元素的微妙透明度變化。 · 標準指標游標。
08
組件
button 無背景或邊框的純文字連結。 card 以列表為基礎的專案行,配有簡單的水平分隔線。 chip 未使用。 input 未使用。 hero 橫跨全寬的巨大排版標題。
09
文案語氣與禁用清單
語氣 直接、個人化且低調。 標題風格 巨大、襯線且以數字為主。 按鈕文案 極簡的純文字連結。 避免使用圓角——截圖顯示銳利、方正的邊緣。 避免使用鮮豔的強調色——截圖顯示嚴格的單色調色盤。 避免使用投影——截圖顯示平坦、無邊框的表面。 避免使用活潑的無襯線展示字體——截圖顯示用於標題的尖銳過渡襯線體。 避免將所有內容置中對齊——截圖顯示結構化、左對齊的格線。 避免元素過於擁擠——截圖顯示寬裕的留白。 避免: 過度裝飾 避免: 鮮豔的霓虹色彩 避免: 圓角
11
System Prompt
設計一個感覺像高端編輯版面的作品集網站。使用嚴格的單色調色盤,背景為 #FFFFFF,文字為 #282828,避免任何鮮豔的強調色。主要展示排版使用尖銳的過渡襯線體(如 Times New Roman),規模巨大(142px),而 UI 元素則使用乾淨的無襯線體。佈局應為不對稱格線,具有強烈的左對齊與寬裕的留白。關鍵限制:無圓角、無投影、無鮮豔的強調色;設計必須保持極簡且以排版為導向。
把這份品味接進你的 Agent 把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
更多精選
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
為什麼收錄: 此網站是極端排版規模與節制如何創造強大、優質視覺識別的典範。