큐레이션 · 오픈 · 무료

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

큰 사진 요소 주변에 넉넉한 padding.

05

표면 (라운드 / 그림자 / 경계선)

sm · 0px
md · 0px
lg · 0px
pill · 999px

보이는 UI 테두리는 없습니다. 이미지는 배경 위에 직접 놓입니다.

06

레이아웃

12columns
768breakpoints

중앙에 정렬된 콘텐츠를 가진 full-bleed 섹션.

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는 수제 기계적 조각을 위한 프리미엄 디지털 포트폴리오입니다. 디자인 DNA는 미니멀리스트적이고 갤러리 같은 것으로, 베이지(#e6e0d9), 그레이(#b7b3be), 브라운(#5d3a19)으로 이루어진 차분하고 흙빛의 컬러 팔레트에 고품질 제품 사진에 초점을 맞춥니다. 타이포그래피는 전시를 위해 유동적이고 과도기적인 세리프를, 본문 텍스트를 위해 깔끔한 휴머니스트 고딕체를 사용합니다. 핵심 주의 사항: 포화된 색상, 복잡한 레이아웃, 무거운 UI 테두리를 피하세요. 시스템은 넉넉한 spacing과 부드럽고 긴 형태의 모션을 우선시하여 제품의 물리적 장인 정신을 강조하는 우아하고 세련된 브라우징 경험을 만듭니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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