精選 · 開放 · 免費
Theothersideoftruth
一個實驗性的抽象視覺體驗,由柔和的漸層和大膽、俏皮的幾何形態所定義。
ExperimentalExpressiveGradientPlayfulDesign Tools
01
設計氣質 DNA
實驗性俏皮抽象漸層幾何
一個俏皮、抽象的數位風景或一件現代藝術裝置。
02
色彩
#000000Ink
#64C8F0BG
rgba(0,0,0,0)Line
以漸層為主導的色盤,搭配大面積、高飽和度的幾何形狀,營造出俏皮、抽象的氛圍。
03
字型
sans-serif
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
由於抽象、非網格的佈局由大型幾何形狀主導,間距節奏未定義。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框;邊緣由銳利的幾何形狀和漸層來定義。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全視窗、非網格的佈局,以漸層背景上的重疊、大規模幾何形狀為特色。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
靜態截圖中沒有可見的 hover 狀態。 · 靜態截圖中沒有可見的 click 狀態。
08
組件
- button 無可見的標準按鈕元件。
- card 無可見的卡片元件。
- chip 無可見的標籤元件。
- input 無可見的輸入元件。
- hero 全螢幕的抽象視覺構圖,在漸層背景上有著大面積、重疊的幾何字體形式。
09
文案語氣與禁用清單
- 語氣 抽象且俏皮。
- 標題風格 大規模、抽象的幾何字體形式。
- 按鈕文案 無可見的 CTA。
- 不要使用標準的網格佈局——截圖顯示的是一個全視窗、抽象的構圖。
- 不要依賴小型的 UI 元件——截圖顯示的是大面積、主導性的幾何形狀。
- 不要使用單色調的色盤——截圖顯示的是從藍色到黃色的 vibrant 漸層。
- 不要使用銳利、有角度的 UI 元素——截圖顯示的是柔和化、重疊的幾何形態。
- 不要使用標準的字體層級——截圖顯示的是抽象、大規模的字體形式。
- 不要使用傳統的導覽方式——截圖顯示沒有可見的導覽元素。
- 避免: 標準的 UI 模式
- 避免: 傳統的佈局
- 避免: 具象的表現
11
System Prompt
這是一個實驗性的抽象視覺設計系統,由大規模的幾何形狀和一個從藍色到黃色的主導漸層色盤所定義。關鍵色彩包括一個主要的藍色 (#64C8F0) 和一個明亮的黃色 (#FFE84A),沒有單一的高彩度強調色主導。字體是抽象和幾何的,歸類為無襯線體,並以非常大的尺度使用。關鍵的禁忌:不要使用標準的網格佈局或傳統的 UI 元件;這是一個全視窗的抽象構圖。不要使用單色調的色盤;設計是 vibrant 且以漸層為主導的。不要使用具象的表現;形態是抽象且俏皮的。佈局是非網格的,專注於漸層背景上的大型、重疊的幾何形狀。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko