코지바이브 모바일 홈 개편 시안

현재 코지바이브 모바일 홈 전체 캡처: 히어로, 상품 2열, 원터치 큰 사진, 폴라로이드 콜라주, 브랜드 스토리, 갤러리, 상품 반복, 푸터 순서 — 섹션별 배경색이 흰색·남색·검정으로 바뀌고, 갤러리 이후 오리지널 3.0이 한 번 더 나옵니다.

창문 사이 안개 속에 빛나는 블랙트리 3.0 — Black Tree 3.0
가장 혁신적인 변화
트리의 한계를 넘은 블랙트리 3.0
블랙트리 보기

아임웹 구현 메모

모두 기본 위젯(섹션 배경·텍스트·이미지·버튼·상품 목록·갤러리·여백)으로 재현됩니다. 커스텀 코드는 필요 없습니다.

공통 디자인 설정

배경 블랙 #0A0A0B

교차 배경 #151517

본문 화이트 #F5F5F6

보조·실버2 #A8ADB4

포인트 실버 #C0C4CA

구분선 #2A2B2F

제목 Noto Serif KR 500(명조는 A안만 유지 — 실버와 함께 차갑고 단정한 인상) · 본문 Pretendard(목록에 없으면 Noto Sans KR) 15px / 행간 1.6 · 모바일 좌우 여백 20px · 섹션 상하 64px · 버튼 높이 50px, 모서리 2px

섹션별

헤더 설정 › 상단 띠배너. 배경 #151517, 글자 13px 실버 #C0C4CA, 한 줄. 클릭 시 원터치 상품으로 이동.
모바일 헤더 배경 #0A0A0B, 하단선 #2A2B2F, 스크롤 고정 ON. 흰색 로고 높이 22px, 아이콘 3개(검색·장바구니·메뉴)만.
비주얼 섹션 › 슬라이드형으로 만들고 모바일 전용(PC 숨김)으로 둡니다. 슬라이드 4장(3~5장 권장), 자동 넘김 ON · 4.5초, 전환 효과 '슬라이드', 하단 인디케이터 ON, 화살표 OFF, 모바일 비율 3:4(780×1040 업로드, 장당 180KB 이하). 각 슬라이드에 텍스트 3줄(보조문구 12px 실버 #C0C4CA 자간 넓게 / 제목 Noto Serif 34px 흰색 / 설명 15px #D3D6DB) + 외곽선 버튼 1개(테두리 실버, 글자 흰색, 링크는 상품·카테고리). 이미지 하단 60%에 검정 그라데이션을 미리 입혀 업로드하면 오버레이 설정이 필요 없습니다. 속도: 비주얼 섹션은 첫 슬라이드를 먼저 그리므로 첫 장만 가장 가볍게(약 100KB), 나머지는 넘어가기 직전에 받도록 시안에서도 지연 로드로 재현했습니다.
텍스트 위젯(가운데, 제목 26px). 원터치는 상품 목록 위젯 1열(1개), 나머지는 상품 목록 위젯 2열(간격 12px, 비율 1:1, 상품명 14px, 가격 15px 굵게, 정가 취소선). 빨간 띠 배지를 끄고 상품 아이콘을 작은 텍스트형(외곽선 실버 #C0C4CA)으로 교체. '구매평 수 표시' ON. 상품명 앞 [🚨예약 특가] 문구는 칩으로 옮기고 상품명에서 빼는 것을 권장.
섹션 배경 #151517. 이미지 위젯 전폭(기존 스토리 이미지에서 글자 없는 윗부분만 잘라 사용, 133KB). 'Cozy + vibe' 원형은 텍스트 위젯 2개 + 테두리(1px 실버 #C0C4CA 55%, 원형)로. 본문은 기존 8줄을 3줄로 줄임.
텍스트 위젯만 사용. 숫자 Noto Serif 48px 실버 #C0C4CA, 상품별 줄은 텍스트 + 구분선 위젯. 숫자는 상세페이지 표기값을 월 1회 직접 갱신(자동 연동 아님).
섹션 배경 #151517. 이미지 위젯 전폭 1장 + 상품 목록 위젯 2열(Diffuser 카테고리, 2개 제한). '오늘출발' 아이콘 표시.
갤러리 위젯 3열 그리드, 간격 4px, 정사각 자르기, 표시 6장(300px 업로드). 나머지 사진은 별도 '갤러리' 페이지로 옮기고 '더보기' 버튼으로 연결.
게시판 위젯(FAQ형) 또는 텍스트 위젯 + 구분선. 질문 15px 굵게, 답변 14px #A9ADB8.
푸터 배경 #050506, 글자 12px #8A8F96. 메뉴 2열, 고객센터 번호 크게. 하단 여백 112px(채팅 버튼 자리).
채팅 상담 설정에서 버튼 크기 '작게'(48px), 위치 오른쪽 아래, 아래 여백 20px. 노란 말풍선 대신 짙은 배경 + 실버 아이콘.

예상 홈 이미지 용량 (실제 파일 합계)

히어로 1번 슬라이드 (780×1040)	98KB
상품 썸네일 5장	184KB
스토리 1장	133KB
디퓨저 연출 1장	74KB
갤러리 6장 (300px)	125KB
로고 PNG	5KB
첫 로딩 15장	약 618KB
+ 히어로 2~4번 (넘어가기 직전 지연 로드)	326KB

JPG 품질 80, 표시 폭의 2배 해상도 기준. 아임웹 기본 스크립트와 웹폰트는 빠져 있습니다. 현재 홈(약 14MB)과 비교하면 이미지 전송량이 약 95% 줄어듭니다.

코지바이브 모바일 홈 개편 시안 390px 아이폰 기준 · A안 블랙·실버 / B안 화이트·실버 · 실제 사이트는 수정하지 않음

가장 혁신적인 변화

1초면 완성되는 트리

올겨울, 가장 아늑한 빛

향유 석고 십자가

이번 시즌의 블랙트리

2026년 신상 원터치 트리 (풀세트)

[오리지널 3.0] 블랙트리+3색 전구 세트

[하이엔드 블랙트리] PE 100%

고객이 남긴 구매평

향유 석고 십자가 방향제

십자가 디퓨저 SET

나르드 리필 오일 20ml

블랙트리가 놓인 공간

배송 · 구매 안내

펼치면 끝,
원터치 블랙트리

가장 혁신적인 변화,
블랙트리 3.0

낮에도 밤에도,
공간의 중심

향유 석고
십자가 방향제

이번 시즌의 블랙트리

2026년 신상 원터치 트리 (풀세트)

[오리지널 3.0] 블랙트리+3색 전구 세트

[하이엔드 블랙트리] PE 100%

Cozy 아늑한, 포근한
vibe 분위기

고객이 남긴 구매평

향유 석고 십자가 방향제

십자가 디퓨저 SET

나르드 리필 오일 20ml

블랙트리가 놓인 공간

배송 · 구매 안내

가장 혁신적인 변화

이번 시즌의 블랙트리

2026년 신상 원터치 트리 (풀세트)

[오리지널 3.0] 블랙트리+3색 전구 세트

[하이엔드 블랙트리] PE 100%

고객이 남긴 구매평

향유 석고 십자가 방향제

십자가 디퓨저 SET

나르드 리필 오일 20ml

블랙트리가 놓인 공간

배송 · 구매 안내

펼치면 끝,원터치 블랙트리

이번 시즌의 블랙트리

2026년 신상 원터치 트리 (풀세트)

[오리지널 3.0] 블랙트리+3색 전구 세트

[하이엔드 블랙트리] PE 100%

Cozy 아늑한, 포근한vibe 분위기

고객이 남긴 구매평

향유 석고 십자가 방향제

십자가 디퓨저 SET

나르드 리필 오일 20ml

블랙트리가 놓인 공간

배송 · 구매 안내

펼치면 끝,
원터치 블랙트리

Cozy 아늑한, 포근한
vibe 분위기