# ORA · 착용에서 세팅으로
2026-09-12. BRIEF.md / REFERENCES.md를 먼저 작성했다.

## 토큰
- Forest #183d31: 캠페인 배경과 브랜드 주요 동작.
- Porcelain #f7f9f8: 본문.
- Silver paper #e9edef: 3D의 차가운 배경. 베이지+골드 전체 페이지를 피한다.
- Ink #24372f, muted #637068, rule #d3dad6.
- Cormorant: Émera 및 제품명. SUIT: 한글과 사양. 16px 본문, 13px 정보, 44–64px 제목, 캠페인명 100–180px. 로고는 기존 ORA 벡터.

## 화면과 정렬
```
[왼쪽 컬렉션·세팅 / 가운데 ORA / 오른쪽 아틀리에]
[                같은 링을 낀 손의 캠페인 사진          ]
[ Émera.         왼쪽 하단 제목과 컬렉션 링크           ]
[ 컬렉션 설명          /             종류 선택        ]
[       링 큰 세로 사진       ][  이어링 가로 사진      ]
[       링 제품명·가격        ][  펜던트 가로 사진      ]
[                   3D 세팅 연구                       ]
[ 관찰 위치 선택 / 넓은 3D / 소재·사이즈 선택          ]
[ 작업대 사진                 /         제작 관점     ]
```
캠페인은 화면 전체, 본문은 1440px 안에서 넓은 여백. 카탈로그는 이미지 비율을 섞어 착용→단품의 편집감을 만든다. 3D는 제품 구매 판단을 돕는 세팅 설명과 같은 위치에 둔다.

## 사진별 역할
- campaign-worn: 동일한 에메라 링을 착용한 손, 짙은 녹색 배경. 여백은 왼쪽, 손과 반지는 오른쪽. 모바일에서는 손 중심으로 자르고 제목은 이미지와 겹침을 피한다.
- emera-ring: 단품의 프롱·밴드 확인. 세로 프레임에서도 반지 전체가 보여야 한다.
- emera-earrings / necklace: 서로 다른 제품의 전체 길이와 구성.
- emera-atelier: 실제 판매·제조 실적을 주장하지 않는 콘셉트 작업 장면.

## 움직임
캠페인 2.8초 한 번의 느린 프레임 정착. 사용자가 정지 가능. 컬렉션 이미지 hover 1.025배, 상세창 220ms. 3D 관찰 위치를 고르면 카메라가 .85초 이동. 디테일 필름과 자동회전은 사용자가 시작/정지하며 reduced motion에서 비활성. 별가루·광선·무한 마퀴는 없다.

## 사전 비평
기존 계획의 좌우 영문 슬로건/사각 구매 버튼/세 단품 카드 반복은 다른 쇼핑몰과 구별되지 않는다. 첫 장면을 착용 비례로 바꾸고 컬렉션의 이미지 비율을 서로 다르게 편집했다. 새 사진과 단품/3D는 같은 반지를 묘사해야 한다. 화면 검사에서 보석이 검은 면이나 플라스틱처럼 보이면 셰이더와 조명을 수정한다.


## 화면 검수 후 적용한 수정
반지의 세로 크롭이 밴드를 자르는 것을 확인하여 컬렉션의 큰 사진을 원본 3:2 비율로 바꿨다. 빈 띠를 넣는 contain 방식도 폐기했다. 실시간 보석은 Studio Small 09 HDRI와 내부 광로의 색 흡수를 사용한다. 사진과 3D를 같은 광학 품질로 표현하지 않는다.