精選 · 開放 · 免費
Meganperkins
一個大膽、強調漸層效果的個人作品集,適用於品牌與設計諮詢。
AgencyBold TypographyGradientExpressivePortfolio
01
設計氣質 DNA
品牌識別諮詢設計個人
設計師個人工作室展示
02
色彩
#1F3640Ink
#9932CCBG
rgba(0,0,0,0)Line
充滿活力的多彩漸層作為主要背景,為高對比度的深色排版奠定大膽且富有表現力的基礎。
03
字型
geometric-sans
- display
160px · 500 - body
16px · 400
主標題使用大型幾何無襯線字體,字距緊湊。 · 小型文字採用同系列幾何無襯線字體的較輕字重。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
版面使用充足的留白,將內容推向邊緣與頂部,形成強烈的垂直韻律,以大型展示字體為錨點。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框或圓角;設計依賴漸層背景與排版來建構結構。
06
版面
1440container
1columns
40pxgutter
768 / 1024breakpoints
非對稱邊對邊版面。小型文字固定於左上角,而巨大的展示字體則主導右上區域。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
漸層背景可能具有微妙、緩慢的動畫或變化。
小型文字連結在 hover 時可能具有微妙的顏色變化或底線。 · 標準連結導航。
08
組件
- button 無傳統按鈕可見;導航由小型純文字連結組成。
- card 此主視圖中無卡片可見。
- chip 無晶片可見。
- input 無輸入框可見。
- hero 全視口的主視覺區域,由充滿活力的漸層背景、角落固定的小型文字與巨大、超大的展示字體主導。
09
文案語氣與禁用清單
- 語氣 直接、自信且極簡。
- 標題風格 極大、粗體且字距緊湊,營造強烈的視覺宣言。
- 按鈕文案 低調的小型文字連結置於邊緣。
- 請勿使用小型、置中的標題 — 截圖顯示巨大的左對齊展示字體主導視口。
- 請勿使用純白色或單色背景 — 截圖顯示充滿活力的多彩漸層作為主要表面。
- 請勿使用複雜的導航欄 — 截圖顯示簡單的小型文字連結固定於角落。
- 請勿使用陰影或卡片邊框 — 截圖顯示無可見陰影或邊框元件的平面設計。
- 請勿使用圓角 — 截圖顯示銳利、無邊框的設計美學。
- 請勿使用多種強調色 — 截圖依賴漸層本身,無獨特的高飽和度強調色。
- 避免: 雜亂
- 避免: 小型標題文字
- 避免: 複雜的導航選單
- 避免: 邊框與分隔線
11
System Prompt
這是一個設計諮詢的個人作品集。設計大膽且富有表現力,以充滿活力的紫粉色漸層背景和主導視口的巨大深色幾何無襯線字體為特點。導航極簡,由角落的小型文字連結組成。核心原則是極繁的色彩搭配極簡的結構。關鍵色碼包括漸層本身與深墨色 (#1F3640)。字體類別為幾何無襯線。關鍵避免事項:絕不使用小型、置中的標題;絕不使用純白背景;絕不為元件添加邊框、陰影或圓角。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko