Couture Color Block
흰 캔버스에 채도 깊은 솔리드 컬러 블록을 큼직하게 비대칭으로 깔고, 가는 디스플레이 세리프를 얹은 모션 없는 쿠튀르 에디토리얼.
설명
패션 룩북에서 온 스타일. 화면 절반 이상을 채우는 거대한 단색 사각 블록(섹션당 한 색 — 버건디·포레스트·코발트)이 순백 여백과 칼처럼 만나고, 룩북 사진이 블록과 화이트 경계를 가로질러 걸친다. 가느다란 디스플레이 세리프가 블록 위엔 웜화이트로, 화이트 위엔 잉크로 놓인다. 모서리는 전부 직각(radius 0), 그림자·그라디언트 없음, 깊이는 오직 색면 대비로만. 모션은 전혀 없다 — 정적이고 위엄 있는 편집 리듬이 정체성이다.
타입 스케일
디스플레이/헤드라인은 가는 하이콘트라스트 세리프(Playfair Display 400~500) — 우아함은 무게가 아니라 대비와 여백에서 온다. 굵은 헤드라인(≥600) 금지. 본문은 Playfair가 무거우므로 가벼운 산세리프 Inter 400, line-height 1.7, 측정 58~68자. 키커/라벨은 대문자 + 넓은 자간(0.24em). 세컨더리 디스플레이(브랜드명·룩북 캡션)는 Bodoni Moda 400 italic 허용.
골든 예제 (exemplar)
Autumn Collection — No. 07
View the lookbookThe cut
of quiet
luxury.
Plate II — the tailored line
Structure over surface
One color per section, cut against white at a knife-sharp edge. The block is the layout — depth comes from the color field, never from a shadow.
04 / 09
Do
- 섹션당 한 색만 — 거대한 솔리드 컬러 블록을 화면 절반 이상 비대칭으로 깐다
- 가는 디스플레이 세리프(weight 400~500)를 블록 위 웜화이트 / 화이트 위 잉크로 얹는다
- 룩북 사진을 컬러 블록과 화이트 경계에 걸치게 배치한다
- 깊이는 그림자가 아니라 색면 대비로만 만든다
Don't
- 모션 추가 금지 — 스크롤 페이드·패럴랙스·호버 줌·슬라이드·스태거 일절 금지
- 컬러 블록에 그라디언트 금지 — 완전 솔리드 단색
- 블록 3색 외 강조 면색 추가 금지
- radius > 0 금지 — 모든 사각 도형은 칼 같은 직각
- 굵은 헤드라인(weight ≥ 600) 금지 — 가는 우아함
- 컬러 블록 좌우 균등(50/50) 분할 금지 — 비대칭이 정체성
- 박스 섀도·글래스 블러·그라디언트 텍스트·이모지·일러스트 금지
컴포넌트 노트
- button
- 고스트 — 채움 없음. 화이트 위엔 1px solid 잉크(foreground), 블록 위엔 1px solid 웜화이트. 패딩 16px 38px, 대문자 letter-spacing 0.2em, radius 0. 호버 시 보더 안쪽이 즉시(≤60ms) 채워지고 텍스트 색 반전.
- card
- 그림자 없음, radius 0. 컬러 블록 그 자체가 카드 단위 — 작은 카드 3개 균등 그리드 반복 금지. 큰 색면이 곧 레이아웃 단위.
- image
- radius 0, 보더 없음, 채도 자연값. 컬러 블록과 화이트 경계를 가로질러 걸치게 배치.
- nav
- 헤어라인 룰 + 좌측 브랜드명(Bodoni Moda), 우측 대문자 넓은 자간 링크. 고정/모션 없음.