厳選・オープン・無料

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

04

余白

4px
8px
16px
24px
32px
48px
64px
96px
115px

大型の写真要素を囲む、たっぷりとした余白。

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

コンポーネント

09

文体と禁止事項

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 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.

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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