← OpenDesign
큐레이션 · 오픈 · 무료
Public Image
크리에이티브 디렉션 에이전시를 위한 미니멀 럭셔리 포트폴리오입니다.
Editorial Photographic Studio Refinement Curation
01
디자인 DNA
럭셔리 에디토리얼 포토그래피 패션
하이패션 에디토리얼 매거진
02
컬러
#000000Ink
#ffffffBG
rgba(255,255,255,1.0)Line
대형 포맷 사진과 고대비 단색입니다.
03
타이포그래피
transitional-serif
display 120px · 400body 22px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
최소한의 padding, 요소 주위에 넉넉한 여백을 둡니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
보이지 않음
06
레이아웃
1920 container
12 columns
24px gutter
768 / 1024 breakpoints
오버레이된 텍스트와 함께 꽉 채운 사진
07
모션과 인터랙션
125ms micro
300ms small
400ms medium
cubic-bezier(0.4, 0.0, 0.2, 1) easing
텍스트 오버레이 페이드 인
텍스트 요소의 불투명도 변화 · 보이는 변화 없음
08
컴포넌트
hero 큰 세리프 텍스트 오버레이가 있는 전면 배경 이미지
09
보이스와 금지 목록
톤 권위 있고, 럭셔리하며, 절제된 어조 헤드라인 대문자, 대형 세리프 텍스트 오버레이 CTA 보이는 것 없음 밝은 강조색을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다. 산세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 이탈리안 가라몬드 세리프 폰트를 보여줍니다. 복잡한 UI 컴포넌트를 사용하지 마세요 — 스크린샷은 이미지 위의 텍스트 오버레이만 보여줍니다. 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 평면적인 텍스트와 요소를 보여줍니다. 장식적인 테두리를 사용하지 마세요 — 스크린샷은 보이는 테두리가 없습니다. 가운데 정렬된 텍스트를 사용하지 마세요 — 스크린샷은 왼쪽 정렬된 연락처 정보를 보여줍니다. 피하기: 화려한 강조색 피하기: 장식적인 UI 요소 피하기: 복잡한 레이아웃
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
하이패션 브랜드를 전문으로 하는 크리에이티브 디렉션 에이전시를 위한 럭셔리 에디토리얼 포트폴리오입니다. 디자인은 완전히 대형 포맷 사진에 의존하며 최소한의 텍스트 오버레이를 사용합니다. 핵심 색상은 강조색 없이 엄격한 검정(#000000)과 흰색(#ffffff)입니다. 타이포그래피는 전환 세리프 폰트(이탈리안 가라몬드)만 사용합니다. 매우 중요한 점은 화려한 강조색, 산세리프 폰트, 복잡한 UI 컴포넌트를 피해야 한다는 것입니다. 레이아웃은 왼쪽 정렬된 연락처 정보와 함께 꽉 채웁니다. 이 사이트는 럭셔리 미니멀리즘의 정점으로, 절제와 고품질 이미지를 통해 명성을 전달합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 고급 미니멀리즘의 교과서적인 예시로, 사진을 주요 디자인 요소로 활용하고 타이포그래피와 색상에는 극도의 절제를 보여줍니다.