精选 · 开放 · 免费

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

元素进入视口时的平滑淡入淡出和变形动画。

交互元素上的细微透明度变化。 · 平滑过渡到产品详情。

08

组件

card 简单、无样式的卡片，包含大型产品图像和下方的文本。
hero 大型排版居中于纯色背景之上。

09

文案语气与禁用清单

语气精致而含蓄
标题风格 大型、富有表现力的衬线字体。
按钮文案 在截图中极简或缺失。

不要使用高饱和度、霓虹色——截图显示的是柔和、大地色系的调色板。
不要使用繁复、装饰性的背景——截图显示的是纯色块。
不要在标题中使用尖锐、几何感的无衬线字体——截图显示的是流畅的过渡衬线字体。
不要使用厚重的投影或 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）上呈现高质量的产品摄影。排版使用流畅的过渡衬线字体作为展示字体，以及简洁的人文无衬线字体作为正文字体。关键的禁忌：避免高饱和度色彩，避免杂乱布局，避免厚重的 UI 边框。系统优先考虑充裕的间距和流畅、悠长的动效，以营造一种优雅、精致的浏览体验，突出产品的实体工艺。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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