# NOTE Objects 제작 브리프

랭크빌더의 자체 제작 가상 브랜드 사이트입니다. 실제 납품·운영·판매 사례로 소개하지 않습니다.

## 기획
기록하고, 정리하고, 다시 시작하는 사람들을 위한 오브젝트.
선과 라임색 포인트, 정돈된 제품 사진으로 기록과 정리의 성격을 드러냅니다.

## 구성
홈, 카탈로그, 제품별 상세 3개, 브랜드 소개, 저널 목록, 독립 저널 3편, 담은 목록, 선택 내용 확인, 이용 안내의 총 13페이지입니다.

## 디자인
팔레트: #D9F15E / #20221F / #FAFBF8. 모든 실제 화면 텍스트 18px 이상, PC·모바일 반응형, 키보드 메뉴와 초점 지원.

## 작동 기능
제품 분류·검색·정렬·빈 상태 초기화, 옵션·수량 선택, 목록 저장·변경·삭제·전체 비우기, 배송비 및 합계 계산, 선택 내용 확인, 저널 간 이동. 저장소 차단 시 메모리 모드로 동작하며 목록 상태를 외부로 보내지 않습니다.

## 이미지
내장 image_gen으로 브랜드별 제품 사진·제품 카탈로그·브랜드 화보 3종을 새로 만들었습니다. 원본 PNG와 WebP를 assets에 보관하며 생성 프롬프트는 asset-provenance.md에 기록했습니다.

## 범위
실제 주문·결제·배송·회원가입·개인정보 입력은 없습니다. 실제 고객 후기나 성과·인증을 제시하지 않습니다. 상품 사양·가격은 가상 브랜드 구성 예시입니다. 모든 페이지 noindex,nofollow.

## 대표 페이지
- catalog.html
- products/linen-note.html
- about.html

## 검증
2026-09-21 정적 검증 완료: 독립 HTML 13개, 페이지별 noindex,nofollow와 H1 1개, 중복 ID 없음, 내부 링크와 앵커 경로 확인. 각 브랜드 HTML 13개·JS/CSS/이미지 6개 총 19개 HTTP 응답 200. app.js와 data.js 문법 확인. 수량 1–20 제한, 옵션 분리, 중복 저장 항목 병합, 잘못된 저장 데이터 제거, 배송 기준과 빈 목록 계산 검사 통과. 로컬 저장소 차단 시 세션 저장소를 사용하고 둘 다 차단된 경우 현재 화면에서 유지하며 다음 화면 이동 전에 안내합니다. PC·모바일 반응형 구성. 최종 브라우저 검수는 통합 작업에서 진행합니다.