← OpenDesign
큐레이션 · 오픈 · 무료
Josephinelochen
패션 전문가를 위한 미니멀하고 이미지 중심의 포트폴리오.
Editorial Photographic Portfolio Gallery Curation
01
디자인 DNA
패션 포트폴리오 에디토리얼 미니멀리스트
하이패션 룩북 또는 갤러리 전시회.
02
컬러
#000000Ink
#FFFFFFBG
#CECECEMuted
rgba(0,0,0,1)Line
최소한의 UI로 엄격한 모노크롬 대비를 적용하여 사진의 임팩트를 극대화합니다.
03
타이포그래피
grotesque-sans
텍스트는 작고 눈에 띄지 않게 유지합니다. · 모든 인터페이스 요소에 고딕체 타이포그래피를 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
여유로운 여백으로 사진이 숨 쉴 수 있도록 합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
주요 UI 요소에 눈에 보이는 테두리가 없습니다.
06
레이아웃
1920 container
12 columns
50px gutter
768 / 1024 breakpoints
전체 블리드 이미지, 고정된 위치의 헤더, 하단 그리드 갤러리.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
이미지 전환 시 불투명도 페이드 인.
이미지 위에서 커서가 포인터 또는 그랩으로 변경. · 표준 포인터 인터랙션.
08
컴포넌트
button 눈에 보이는 버튼 없음; 내비게이션은 텍스트 기반. card 그리드 레이아웃의 이미지 카드로, 테두리나 그림자 없이 제시. hero 크고 전체 블리드 사진 히어로 이미지.
09
보이스와 금지 목록
톤 미니멀하고 전문적. 헤드라인 간단하고 직접적인 텍스트 내비게이션. CTA 눈에 띄는 CTA 없음. 그라디언트 사용 금지 — UI는 엄격히 플랫하고 모노크롬입니다. 이미지 또는 카드에 드롭 섀도우 추가 금지 — 명료하게 깊이 없이 제시됩니다. 둥근 모서리 사용 금지 — 레이아웃은 날카롭고 직사각형 모양에 의존합니다. 여러 폰트 패밀리 사용 금지 — 타이포그래피는 엄격히 균일하고 미니멀합니다. 굵거나 장식적인 헤딩 사용 금지 — 텍스트는 작고, 정상 굵기, 기능적으로 유지됩니다. 밝거나 다양한 강조 색상 사용 금지 — 팔레트는 엄격히 검은색, 흰색, 사진으로 구성됩니다. 피하기: 과도한 텍스트 피하기: 장식적 UI 요소 피하기: 밝은 색상
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 패션 전문가를 위한 미니멀하고 이미지 중심의 포트폴리오 웹사이트입니다. 엄격한 모노크롬 색상 팔레트를 사용하며, 순백 배경(#FFFFFF)과 단색 검정 텍스트(#000000)를 특징으로 합니다. 타이포그래피는 깔끔한 고딕체 폰트로, 작고 정상 굵기로 유지하여 사진이 초점을 유지하도록 합니다. 주요 디자인 원칙에는 전체 블리드 이미지, 여유로운 여백, 장식적 UI 요소의 완전한 부재가 포함됩니다. 핵심 제약 사항은 다음과 같습니다: 둥근 모서리를 사용하지 마세요. 레이아웃이 날카롭고 직사각형이기 때문입니다. 이미지 카드에 그림자나 테두리를 추가하지 마세요. 여러 폰트 패밀리나 다양한 강조 색상을 사용하지 마세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 시각적 콘텐츠를 높이기 위해 인터페이스가 의도적으로 물러나는 절제된 디자인의 대표적인 예입니다.