精選 · 開放 · 免費

Ohdada De

一個精緻、畫廊風格的動態手工雕塑作品集。

ProductPremiumCleanCurationGallery

Ohdada De 網站截圖

↓ 下載設計系統包 (71 MB)在 OpenDesign 中開啟

原站: https://ohdada.de

📦 瀏覽包內檔案 →

01

設計氣質 DNA

手工製動態雕塑工藝現代

高端藝廊的數位型錄

02

色彩

#5d3a19Ink

#b7b3beBG

#e6e0d9BG soft

rgba(230, 224, 217, 1)Line

柔和、大地色系的調色盤，讓產品攝影呈現色彩。

03

字型

transitional-serif · humanist-sans

display72px · 100
heading57px · 400
body16px · 400

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

115px

大尺寸攝影元素周圍留有寬裕的 padding。

05

表面 (圓角 / 陰影 / 邊線)

sm · 0px

md · 0px

lg · 0px

pill · 999px

無可見的 UI 邊框；影像直接置於背景上。

06

版面

12columns

768breakpoints

全版面區塊，內容置中。

07

動效與互動

500msmicro

1000mssmall

1500msmedium

cubic-bezier(0.445, 0.05, 0.55, 0.95)easing

元素進入視窗時的流暢淡入淡出與變換動畫。

互動元素帶有細微的 opacity 變化。 · 平滑過渡至產品細節。

08

組件

card 簡潔、無樣式的卡片，上方為大型產品圖片，下方為文字。
hero 大型字體置中於純色背景上。

09

文案語氣與禁用清單

語氣精緻且內斂
標題風格 大型、富有表現力的 serif 字體排印。
按鈕文案 在畫面截圖中為最小化或不存在。

勿使用飽和的霓虹色彩——畫面截圖顯示的是柔和、大地色系的調色盤。
勿使用繁複、裝飾性的背景——畫面截圖顯示的是純色區塊。
勿使用尖銳、幾何狀的 sans-serif 字體作為標題——畫面截圖顯示的是流暢、過渡性的 serif 字體。
勿使用厚重的 drop shadows 或 3D 效果——畫面截圖顯示的是平面、乾淨的影像。
勿將元素擁擠在一起——畫面截圖顯示的是寬裕的留白與 padding。
勿使用複雜的 UI 元件如帶有厚重邊框的卡片——畫面截圖顯示的是簡約、無邊框的佈局。
避免: 鮮豔的色彩
避免: 裝飾性的 UI 外觀
避免: 雜亂的佈局

10

包內真實截圖

Ohdada De — 桌面首屏（hero） — 桌面首屏（hero）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ohdada De — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Oh Dada 是一個為手工製動態雕塑打造的高端數位作品集。設計 DNA 為極簡且畫廊般，著重於高品質的產品攝影，背景採用柔和、大地色系的調色盤（米色 #e6e0d9、灰色 #b7b3be、棕色 #5d3a19）。字體排印使用流暢的過渡性 serif 字體作為展示，搭配乾淨的 humanist sans-serif 字體作為內文。關鍵的禁用事項：避免飽和色彩、避免雜亂佈局、避免厚重的 UI 邊框。系統優先考慮寬裕的留白與流暢、長時間的動畫，以營造優雅、精緻的瀏覽體驗，突顯產品的實體工藝。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko