# 앱 배너 / 스타일 시안 등록 검토

2026-09-12

- 먼저 BANNER_DESIGN.md에 브랜드별 앱 목적, 배치, 모션과 검수 기준을 작성했다.
- 배너의 브라우저 크롬과 웹 캡처를 삭제하고 17개 브랜드의 모바일 앱 UI를 React/CSS로 만들었다. 같은 사이트를 전화기 안에 축소한 화면이 아니다.
- 제품 크기와 마감 선택, 루틴 체크, 공간 사진 전환, 작품 저장, 작업 완료 목록, 방문 계획, 호흡, 커피 비율을 구현했다. 사용자가 누를 수 있는 UI이며 설치 가능한 앱을 출시했다는 주장은 하지 않는다.
- 17개 기존 로고를 사용하며 제품과 사진은 해당 브랜드의 자산에서 가져왔다. GEAR는 기존의 최종 82키 모델 캠페인 사진을 유지했다.
- 데스크톱 ORA/NUUM/GEAR/GROUP/FORMA/ONYU/ROASTERS/LUXE/담온/MORI 화면과 390px ORA/PLATFORM을 직접 보고 브랜드·사진·읽기 순서를 점검했다. 캡처에서 발견한 갤러리 제목 기본 여백과 공간·다이닝·커피 앱의 버튼 위치를 수정했다.
- 320/390/768/1440px에서 휴대폰이 화면 폭을 벗어나지 않는지 자동 검사한다. 320px에서는 기기 전체 크기를 소폭 줄인다.
- 실제 경과시간 기반 8초 자동 전환을 유지한다. 앱 포커스/조작/브랜드 직접 선택 시 정지하며 재생 버튼으로 다시 시작한다. 화면 밖·숨긴 탭·동작 줄이기 설정을 반영한다. 호흡도 화면 밖에서 정지한다.
- 103개 기존 시안은 `스타일 시안` 배지와 필터로 구분해 등록했다. 12개 대분류별 웹사이트+시안 합계는 10개다. 전체 노출 요청을 반영해 기본 목록에 120개, 스타일 시안 필터에 103개를 모두 표시한다. 더 보기 제한을 제거하고 스타일·종류·업종·검색 URL 상태와 저장 기능을 연결했다. 하위 카테고리는 추가하지 않았다.
- 103개 브라우저 기능 검사 통과 후, 출처를 대조해 17개 시안의 개발 도구 기본 그림·다른 브랜드 패키지·관련 없는 강좌 표지를 교체하고 다시 검사했다.
- 시안은 공통 10개 레이아웃을 활용한 방향 비교용이다. 103개 개별 맞춤 브랜드 재설계가 끝났다는 검수 기록으로 사용하지 않는다. 로고와 그래픽 및 브랜드별 본문 구성에 추가 작업이 필요하다.

검증 결과와 캡처: `audit/revision/app-banner/`, `audit/revision/catalog-expansion/review/review.json`, `review-selected.json`. 배포 결과는 `audit/revision/app-banner/release.json`, 운영 도메인 점검은 `audit/revision/wildcard-domains/verification-http.json`에서 확인한다.