CURATED · OPEN · FREE

Ohdada De

A refined, gallery-like portfolio for handcrafted kinetic sculptures.

ProductPremiumCleanCurationGallery

Ohdada De screenshot

↓ Download design system (71 MB)Open in OpenDesign

Visit: https://ohdada.de

📦 Browse pack contents →

01

Identity DNA

handcraftedkineticsculptureartisanalmodern

A high-end art gallery's digital catalog

02

Color

#5d3a19Ink

#b7b3beBG

#e6e0d9BG soft

rgba(230, 224, 217, 1)Line

A muted, earthy palette that lets product photography provide the color.

03

Typography

transitional-serif · humanist-sans

display72px · 100
heading57px · 400
body16px · 400

04

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

115px

Generous padding around large photographic elements.

05

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

No visible UI borders; imagery sits directly on background.

06

Layout

12columns

768breakpoints

Full-bleed sections with centered content.

07

Motion & Interaction

500msmicro

1000mssmall

1500msmedium

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

Smooth fade and transform animations for elements entering the viewport.

Subtle opacity change on interactive elements. · Smooth transition to product detail.

08

Components

card Simple, unstyled card with large product image and text below.
hero Large typography centered on a solid background.

09

Voice & Don'ts

Tone Sophisticated and understated
Headlines Large, expressive serif typography.
CTAs Minimal or absent in the screenshot.

Don't use saturated, neon colors — screenshot shows a muted, earthy palette instead.
Don't use a busy, decorative background — screenshot shows solid color blocks instead.
Don't use sharp, geometric sans-serif fonts for headlines — screenshot shows a fluid, transitional serif instead.
Don't use heavy drop shadows or 3D effects — screenshot shows flat, clean imagery instead.
Don't crowd elements together — screenshot shows generous white space and padding instead.
Don't use complex UI components like cards with heavy borders — screenshot shows minimal, borderless layouts instead.
Avoid: loud colors
Avoid: decorative UI chrome
Avoid: cluttered layouts

10

Inside the pack — real screenshots

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 — 移动首屏 — 移动首屏

Captured from the live site · real computed styles

11

System prompt

Oh Dada is a premium digital portfolio for handcrafted kinetic sculptures. The design DNA is minimalist and gallery-like, focusing on high-quality product photography against a muted, earthy color palette (beige #e6e0d9, grey #b7b3be, brown #5d3a19). Typography uses a fluid, transitional serif for display and a clean humanist sans-serif for body text. Key critical donts: avoid saturated colors, avoid cluttered layouts, and avoid heavy UI borders. The system prioritizes generous spacing and smooth, long-form motion to create an elegant, refined browsing experience that highlights the physical craftsmanship of the products.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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