← OpenDesign
큐레이션 · 오픈 · 무료
Bridget Pictures
패션 및 컨셉추얼 포토그래피를 위한 하이퍼-미니멀, 순백 포트폴리오.
Portfolio Photographic Clean Studio Curation
01
디자인 DNA
미니멀리스트 갤러리 큐레이팅된 패션 에디토리얼
사진이 유일한 초점인 깨끗한 하얀 갤러리 공간
02
컬러
#000000Ink
#FFFFFFBG
rgba(0,0,0,1)Line
제3의 색상이나 강조색 없이 극도의 이진 대비.
03
타이포그래피
humanist-sans
모든 텍스트 요소에 단일이고 균일한 폰트 두께(400)를 사용합니다. · 일관된 가독성을 위해 작고 고정된 폰트 크기(19px)를 유지합니다. · 'Featured'와 같은 활성 상태에는 이탤릭체에 의존합니다.
04
여백
10px
16px
24px
32px
48px
64px
96px
이미지와 탐색 사이에 넉넉한 여백을 우선시합니다
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
없음
06
레이아웃
1440 container
1 columns
24px gutter
768 / 1024 breakpoints
뷰포트 하단에 절대적 고정 탐색 바가 있는 단일 칼럼, 전체 너비 레이아웃.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
갤러리 이미지 간 부드러운 크로스페이드
인터랙티브 요소에 포인터 커서 · 임계값 조절 컨트롤(– / +) 및 탐색 링크
08
컴포넌트
button 보이는 버튼 없음 card 보이는 카드 없음 chip 보이는 칩 없음 input 보이는 입력 필드 없음 hero 흰 무공간을 배경으로 한 단일, 수직 중앙 정렬 이미지
09
보이스와 금지 목록
톤 중립적, 정적, 객관적 헤드라인 작고 절제된 타이포그래피 CTA 버튼 없이 간단한 텍스트 링크 배경 색상을 사용하지 마세요 — 스크린샷 대신 순백(#FFFFFF)을 보여줍니다 강조색을 사용하지 마세요 — 스크린샷 대신 흰색 위에 검은색(#000000)만 보여줍니다 드롭 섀도우나 깊이감을 사용하지 마세요 — 스크린샷 대신 완전히 평면적인 요소를 보여줍니다 border-radius를 사용하지 마세요 — 스크린샷 대신 완벽하게 날카로운 직사각형 모서리를 보여줍니다 무거운 폰트 두께를 사용하지 마세요 — 스크린샷 대신 균일한 400 두께를 보여줍니다 장식적인 테두리나 구분선을 추가하지 마세요 — 스크린샷 대신 순수한 여백 분리를 보여줍니다 피하기: 장식 요소 피하기: 색상 피하기: 시각적 노이즈
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
포지셔닝: 패션 및 컨셉추얼 포토그래피를 위한 하이퍼-미니멀, 순백 포트폴리오. 핵심 색상: #FFFFFF 배경과 #000000 먹색. 폰트 카테고리: humanist-sans. 핵심 금지 사항: 1) 배경 색상이나 그라디언트를 절대 사용하지 마세요—순백을 유지하세요. 2) 강조색이나 섀도우를 절대 사용하지 마세요—레이아웃은 엄격하게 이진적입니다. 3) border-radius나 시각적 장식을 절대 추가하지 마세요—스타일은 날카롭고 꾸밈없습니다. 디자인은 사진이 유일한 초점인 정적, 단일 칼럼 갤러리이며, 하단의 고정되고 최소한의 탐색 바로 지원됩니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 포트폴리오 디자인에서의 래디컬 미니멀리즘의 완벽한 예로, 모든 UI 노이즈를 제거하여 사진이 스스로 빛나도록 합니다.