ADO2 로고 옆에 워드마크를 붙이던 인라인 배치를 Playreel 셸(.pr-wordmark)과
같은 문법으로 바꾼다 — ADO2 로고가 위, 제품 워드마크가 아래, 아래 줄을 로고
폭에 맞춰 락업이 사각형으로 앉는다.
MOVING POSTER 는 PLAYREEL 보다 글자가 길어 같은 18px 를 쓰면 로고 폭을
넘는다. 브라우저에서 재서 16.4px + 자간 0.14em 으로 잡았다.
자간은 마지막 글자 뒤에도 붙으므로 음수 마진으로 걷어내야 오른쪽 끝이 맞는다.
실측(로고 h24 = 162.54px):
락업 컨테이너 폭 162.54px — 로고와 정확히 일치
워드마크 잉크 폭 162.34px — 오른쪽 끝 오차 0.2px
(참고: Playreel 자체 워드마크는 같은 기준에서 2.75px 어긋나 있다)
390px 모바일 행: 헤더 71.4px, 메뉴 가로 스크롤 유지, 잘림 없음
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
thumb_url을 백엔드가 내려보내는데 화면은 라벨 칩만 그렸다.
실물은 19조각에 라벨이 겹쳐서("유의사항" 일곱 개) 무엇을 고르는지
알 수 없는 상태였다.
- SectionPicker: 썸네일 그리드(auto-fill 84px, 390px에서 4열).
번호 배지 · 선택 표시 · 잠금(캐스팅 스케줄) · 높이 툴팁
- 문구를 새 동작에 맞춘다 — 조각을 잘라 붙이는 것이 아니라
고른 지점부터 상세페이지를 이어서 훑는다
- 목 데이터를 실측 19조각으로 교체. 6개짜리 깔끔한 목을 두었던 탓에
라벨이 겹치는 실물 모양을 개발 중에 못 봤다
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
