Minimal Luxury Fashion

# Minimal Luxury Fashion — web 디자인 팩

## 이 스타일의 정체성
패션 하우스(에르메스·셀린·더 로우)풍의 절제된 럭셔리 웹사이트다. 광활한 여백이 콘텐츠를 압도하고, 모든 텍스트는 작고 자간을 크게 벌린 산세리프 캡스(대문자)다. 풀블리드 고급 이미지가 화면을 지배하고 UI 장식은 거의 0이다. 무엇을 보면 이 스타일임을 아는가 — 헤드라인보다 본문이 작고, 글자 사이가 비정상적으로 넓으며, 색이 흑·백·아이보리 셋뿐이다.

## 색
- 배경: `#f4f1ea` (웜 아이보리). 흰색이 아니다.
- 표면(섹션 교차): `#ffffff` 와 `#1a1a18` (먹빛) 두 가지만 교차.
- 텍스트: `#1a1a18` (본문·헤드라인), 다크 표면 위에서는 `#f4f1ea`.
- 강조: 없음. 강조색을 쓰지 않는 것이 이 스타일이다. 링크·CTA는 1px 밑줄 또는 보더로만 표시. 단 하나의 예외 톤도 두지 않는다.
- 보조 라인: `#c9c4b8` (헤어라인 디바이더 전용).

## 타이포그래피
- 폰트: `Jost`(Google Fonts), 대체 `'Helvetica Neue', Arial, sans-serif`. 전 위계 단일 패밀리.
- 히어로 헤드라인: `clamp(1.5rem, 3.2vw, 2.6rem)`, weight 300, `letter-spacing: 0.22em`, 대문자(`text-transform: uppercase`), line-height 1.4. 헤드라인을 키우지 않는다 — 럭셔리는 큰 글자가 아니라 넓은 자간이다.
- 섹션 라벨/내비: `0.7rem`, weight 400, `letter-spacing: 0.32em`, 대문자.
- 본문: `Jost` `0.95rem`, weight 300, line-height 1.9, `letter-spacing: 0.04em`, 측정 60~68자.
- 캡션: `0.65rem`, `letter-spacing: 0.28em`, 대문자, 색 `#1a1a18` 60% 불투명.

## 레이아웃 / 그리드
- 콘텐츠 최대 폭: 본문 텍스트 블록 720px, 이미지·히어로는 풀블리드(100vw).
- 브레이크포인트: 768px, 1200px. 모바일에서 좌우 패딩 24px, 데스크탑 64px.
- 섹션 수직 리듬: 섹션 간 간격 `clamp(120px, 14vw, 220px)`. 여백이 콘텐츠다 — 인색하게 굴지 않는다.
- 히어로: 풀블리드 이미지 + 그 위/아래 중앙 정렬 텍스트. 텍스트가 화면 높이의 25% 이하를 차지.
- 12열 그리드는 이미지+텍스트 분할 섹션에만 사용(이미지 7열 / 텍스트 5열, 사이 96px 거터).

## 형태 / 질감
- 모서리: radius `0`. 모든 요소 직각.
- 보더: 헤어라인 `1px solid #c9c4b8` — 디바이더와 버튼에만.
- 그림자: 전면 금지. 깊이는 여백과 색 교차로만.
- 버튼/CTA: 배경 없음, `1px solid #1a1a18`, 패딩 `16px 40px`, 대문자 `letter-spacing: 0.28em` 텍스트.
- 이미지: 채도 -10%로 살짝 낮춘 톤, 보더·radius 없음, 풀블리드 또는 그리드 셀 꽉 채움(`object-fit: cover`).

## 모션
- 전환: `600ms cubic-bezier(0.22, 1, 0.36, 1)` — 느리고 우아한 이징.
- 스크롤 진입: 요소가 `opacity 0 → 1` + `translateY(16px → 0)`, 700ms.
- 호버: 링크는 밑줄이 좌→우로 `width 0 → 100%` 400ms로 그어짐. 버튼은 배경 `#1a1a18` 채워짐 + 텍스트 반전, 500ms. translate·scale 금지.
- 이미지 호버: scale `1.0 → 1.03`, 900ms ease-out. 그 외 일절 없음.

## 하지 말 것
- 보라·인디고 그라디언트, 어떤 그라디언트도 금지. 배경은 단색 아이보리.
- 강조색(파랑·빨강 등) 추가 금지 — 무채 3색만.
- 둥근 모서리(radius > 0) 금지. soft shadow·박스 섀도 전면 금지.
- 큰 헤드라인(2.6rem 초과) 금지 — 럭셔리는 자간이지 크기가 아니다.
- 이모지·일러스트·아이콘 장식 금지. 픽토그램이 필요하면 1px stroke 선 아이콘만.
- 빠른 모션(< 400ms)·통통 튀는 이징·bounce 금지.
- 카드를 그림자 박스로 만들지 말 것 — 카드는 여백과 헤어라인으로만 구획.

## 적용 예
- **히어로:** 풀블리드 흑백 패션 이미지. 중앙 하단에 대문자 `letter-spacing 0.22em` 헤드라인 한 줄 + 그 아래 작은 캡션 한 줄. 스크롤 인디케이터는 1px 세로선 40px.
- **카드(컬렉션 그리드):** 2열(모바일 1열) 이미지 그리드, 거터 64px. 각 셀은 이미지 + 하단 대문자 캡션. 보더·그림자 없음, 호버 시 이미지만 scale 1.03.
- **푸터:** 먹빛 `#1a1a18` 배경으로 색 반전, 아이보리 텍스트. 대문자 `letter-spacing 0.3em` 메뉴를 넓은 간격으로 한 줄 배치, 상단 헤어라인 1px.