# NUUM — 화면 검토 기록
2026-09-12. 기존안의 품질 지적에 따른 첫 개별 재작업. 다른 사이트의 디자인 완료를 뜻하지 않는다.

## 설계와 구현의 대응
- BRIEF.md에서 제품군과 방문 목적을 정한 뒤 REFERENCES.md와 DESIGN.md를 작성했다.
- getdesign Meta 원본의 상품 이미지/정보 일치와 선택 흐름 원칙만 참고했다. NUUM의 색, 레터링, 사진, 한글 비례, 제품 순서와 모션은 별도로 설계했다.
- 기존 공통 Shell/ProductChoice를 사용하지 않는 전용 React 화면과 nuum.css를 작성했다.
- 헤더부터 캠페인·세 단품·상세·루틴·선택 목록까지 NUUM 이름과 같은 용기/용량이 이어진다.

## 직접 본 화면과 수정
- desktop.png, desktop-full.png, mobile.png, detail.png, bag.png, routine.png: audit/revision/nuum.
- 모바일 캠페인의 왼쪽 빈 영역만 덜어내 세 제품 전체를 남기고 카피를 아래로 옮겼다. 작은 화면에서 용기와 제목을 겹치지 않게 했다.
- 루틴 사진에 multiply만 적용한 첫 안은 사각 배경이 물빛 위에서 드러났다. 루틴을 물빛 설명 면과 밝은 제품 면으로 나누어 촬영 배경과 연결했다.
- 물결 선이 상품을 가리는 안은 폐기했다. 제품 사용 순서를 잇는 선과 점으로 바꾸어 순서 변화와 모션을 연결했다.
- 제품 상세에서 담기를 누르면 선택 목록으로 이어지도록 수정했다. 네이티브 대화상자 뒤에 가려지는 알림만으로 결과를 전달하지 않는다.
- 제품 이름과 가격, 용량은 동일 데이터에서 가져온다. 가상 제품이라는 고지는 푸터, 상세, 구성 확인에 둔다.
- 배경 제거 이미지 시도에서 실제 alpha 대신 체크 무늬가 생성된 두 결과를 확인해 폐기했다. 현재 화면에는 배경이 있는 원본 제품 사진만 사용한다. 성공한 크림 단독 투명본도 혼용하지 않는다.

## 기능 검증
320/390/768/1024/1440 폭, 이미지 로딩, 필터, 상세 제품, AM 2개/PM 3개 구성, 수량/삭제/빈 목록/합계, Escape 및 초점 복원, 모션 진행·중지, reduced motion.
결과: audit/revision/nuum/verification.json. 이 결과는 기능 검사이며 사용자의 디자인 승인으로 표현하지 않는다.

## 남은 범위
기존 다른 템플릿은 각자 재기획 필요. 신규 103개 대량 생성안은 공개하지 않는다. NUUM의 화면을 그대로 다른 브랜드에 복사하지 않는다.