Haewon Kam
3214e4f782
① 이용 가이드 2번 탭 (협력사별 1:1 협상) video 필드가 빠져 있어 이 탭만 1.7MB GIF(390x780)를 내려받고 있었다. 같은 내용의 mp4 가 저장소에 있는데 참조만 없었다 — 786K, 540x1080 으로 더 가볍고 더 크다. GifSlot 이 video 를 우선 재생하므로 한 줄로 끝난다. 원본 캡쳐가 좌우로 잘려 문장이 중간에 끊기는 문제는 남아 있다(540x1080 원본 파일 자체에 잘린 채로 들어 있어 CSS 로 못 고친다). 재촬영이 필요하고 주석에 남겼다. ③ 최종 CTA — negotiation_annotated_3d.mp4 이용 가이드에는 넣지 않았다. 그 섹션은 "실제 화면으로 보여드립니다" 라고 약속하는데 이 영상은 재구성 목업이다(실제 UI 는 "아이마켓코리아 (구매 MD)", 영상은 "아이마켓 구매 MD"). 1·3번 탭이 실제 캡쳐인데 2번만 목업이면 register 도 어긋난다. 전환을 요청하는 자리에는 그 약속이 없으므로 마케팅 컴포짓이 맞는 자리다. - 영상 배경이 밝은 회색(#EEF4F5)이라 무대 위에 그냥 놓으면 구멍처럼 뜬다. 모서리를 깎고 그림자를 깔아 "떠 있는 물체"로 만들면 밝기 차이가 의도로 읽힌다. - 폰 프레임이 영상에 내장돼 있어 PhoneFrame 으로 감싸지 않는다. 감싸면 이중 프레임이다. - 2단이 되면서 width md(max-w-4xl) → lg(max-w-5xl), 제목은 lg 부터 한 단계 축소. 4xl 안에 세로 목업과 카피를 밀어넣으면 양쪽 다 좁아진다. - preload="none" — 페이지 최하단이라 첫 로드에 677K 를 미리 받을 이유가 없다. 검증: 1280x900 2단 정상, 375x812 카피→영상 중앙 적층·가로 넘침 없음. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| components | ||
| lib | ||
| routes | ||
| app.css | ||
| root.tsx | ||
| routes.ts | ||
| types.ts | ||