← OpenDesign
精選 · 開放 · 免費
Clauaskee
使用大膽幾何形體與戲劇性 3D 構圖的實驗性設計作品集。
Portfolio 3D Experimental Studio Geometric
01
設計氣質 DNA
實驗性 抽象 幾何 極簡 大膽
一座挑戰傳統網頁設計慣例的數位雕塑工作室。
02
色彩
#0D0D1AInk
#7B7BFFBG
#1A1A3DMuted
rgba(0,0,0,0)Line
以鮮明薰衣草紫與深邃午夜藍之間戲劇性的轉變,進行高對比的色塊分割。
03
字型
geometric-sans
字體排印極簡,服務於幾何構圖而非易讀性。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
不對稱的間距,強調 3D 元素的構圖平衡。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
無可見邊框;形狀由顏色與陰影定義。
0 20px 60px rgba(0,0,0,0.4)
06
版面
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
以中央 3D 物體為焦點的全幅沉浸式構圖。
07
動效與互動
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
在 hover 或 scroll 時產生細膩的 parallax 或 3D 旋轉效果。
中央 3D 物體的細膩旋轉或縮放。 · 直接與浮動 3D 元素互動。
08
組件
button 一個圓形綠色浮動徽章,文字沿路徑排列。 hero 戲劇性的 3D 場景,包含一張帶有抽象文字的浮動卡片。
09
文案語氣與禁用清單
語氣 實驗性、大膽且藝術上充滿自信。 標題風格 極簡主義,融入 3D 構圖中。 按鈕文案 俏皮的圓形徽章,與主構圖分開。 避免使用柔和陰影——截圖顯示的是銳利邊緣、戲劇性的陰影。 避免使用圓角矩形——截圖顯示的是銳利、幾何的角落。 避免使用襯線字體——截圖顯示的是幾何無襯線字體。 避免使用繁雜的圖案——截圖顯示的是實色色塊。 避免使用置中文字對齊——截圖顯示的是左對齊的標誌。 避免使用細微的背景漸層——截圖顯示的是平坦、高對比的色域。 避免: 傳統網格版面 避免: 標準導覽選單 避免: 過度解釋性的文字
11
System Prompt
這是一個實驗性設計作品集網站,具有大膽、藝術性的識別。設計採用了鮮明的薰衣草紫 (#7B7BFF) 與深邃的午夜藍 (#0D0D1A, #1A1A3D) 所構成的醒目配色。字體排印極簡且幾何化,服務於 3D 構圖。關鍵的禁止事項:避免使用柔和陰影、圓角與傳統網格版面。網站優先考慮視覺衝擊而非傳統可用性,運用戲劇性的 3D 構圖與大膽的色塊分割。互動元素充滿趣味,例如圓形綠色徽章。整體方法具有實驗性,挑戰了典型的網頁設計慣例。
把這份品味接進你的 Agent 把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
更多精選
en · zh-CN · zh-TW · ja · ko