← UX Lab MOTION LIBRARY · N°03

텍스트 강조 모션 라이브러리

상세페이지·배너에서 강조 단어에 넣는 마이크로 모션 모음. 다음에 만들 때 여기서 골라 코드 복사해서 쓰면 돼. (2026-07-18 하베스트 배너 작업 중 정리 · 커튼업 채택)

실전 적용 · 2026-07-19

🌾 하베스트 배너 — 신선함을 위한 약속

위 '커튼 업' 모션을 실제 자사몰 상단 배너에 적용한 최종 확정본. 딥그린 약속 블록 안에서 제조일자 · 2배 두 단어만 커튼업으로 강조하고, 정양산업 아이스박스 포장영상을 함께 넣었어. (아래 미리보기 안에서 스크롤 · '다시 재생' 버튼으로 모션 확인)

배포대상 자사몰 바질페스토 27 · 83 · 84 · 85 (PC + 모바일 동시)
기간문구 여름철(7.20~8.31)
모션 커튼 업 — 제조일자 · 2배 두 단어만
⚠ 배포 전 필수 — 정양산업에 "폭염기간 드라이아이스 2배 상시 공급 가능" 확인 후에만 업로드. 고객에게 공개하는 약속이라 공급이 확인 안 되면 거짓 약속이 됨.
자사몰 삽입 코드 위치
같은 폴더 harvest-deploy.txt 에 붙여넣기 정제본 저장 완료 (id 충돌 방지 · CSS 스코프 정리 · IIFE 처리). 실제 배포는 update_product_safe.js 로 서버본 백업 → 원본 배너 자리 교체 → PC+모바일 동시 PUT.