리빙 · 홈인테리어 쇼핑몰 스킨
머묾
가구와 그릇, 빛과 천을 크게 보여 주는 리빙 쇼핑몰 스킨.
명조 제목과 고딕 본문, 따뜻한 흰 바탕과 각진 테두리 버튼으로 정돈했습니다.
전폭 첫 화면 · 명조 제목 · 한글만
하나 · 화면을 채우는 방 사진으로 시작하는 메인
사진이 먼저, 제목은 조용히
첫 화면은 화면을 가득 채운 방 사진 위에 메뉴가 투명하게 겹치고, 왼쪽 아래에 명조 제목이 놓입니다.
이어서 분류 사진 다섯 칸, 상품 줄, 큰 제목과 큰 사진이 놓인 판, 전폭 배너, 두 번째 상품 줄, 만드는 사람들, 후기, 마감 사진까지 아홉 구간이 이어집니다.
상품 줄 두 개는 관리자 메인진열 2 · 3번을 제목까지 그대로 보여 줍니다.
글과 분류 번호는 설정 파일 한 곳에서 고칩니다. 판과 배너는 기획전 · 신상 소식으로 바꿔 쓰기 좋습니다.
둘 · 색은 동그라미로, 사이즈는 칩과 크기표로
둘 자리에 맞는지, 상세에서 바로 확인합니다
색상 옵션은 관리자에서 정한 색으로 동그라미가 그려지고, 사이즈 · 크기 · 구성 · 향 옵션은 누르기 쉬운 칩이 됩니다. 품절된 값은 취소선으로 표시됩니다.
사이즈 옵션 옆 '크기 안내'를 누르면 가로 · 세로와 어떤 집에 맞는지 정리한 표가 뜨고, cm · inch 로 바꿔 볼 수 있습니다.
아코디언에는 크기 · 구성, 소재 · 마감, 관리법, 배송, 교환 · 반품이 차례로 접혀 있습니다.
담기 · 재고 · 추가금액 계산은 카페24가 그대로 처리합니다. 크기표와 안내 문구는 설정 파일에 한 번 적으면 모든 상품에 같이 나옵니다.
셋 · 분류부터 고르는 검색
분류를 고르고, 치는 대로 바로 보입니다
돋보기를 누르면 페이지 이동 없이 검색 서랍이 열립니다. 맨 위 '품목'에서 가구 · 조명 같은 큰 분류를 고르면 그 안에서 먼저 찾고,
글자를 입력하는 동안 결과 카드가 서랍 안에 바로 뜹니다. 인기 검색어와 인기 카테고리 사진 칸도 함께 있습니다.
목록에서 바로 담기
사진에 마우스를 올리면 두 번째 사진과 담기 버튼
명조 분류 제목 아래 세부 분류가 밑줄 글자로 놓이고, 상품은 PC 4열 · 태블릿 3열 · 모바일 2열로 진열됩니다. 사진에 마우스를 올리면 작은목록 이미지로 바뀌고 '+ 담기' 버튼이 나옵니다(휴대폰은 늘 보임).
사진 위 흰 라벨로 새 상품 · 추천 · 할인율이 붙고, 색상 옵션 상품에는 색 동그라미가 카드 아래에 붙습니다.
관리 가이드 페이지
원목부터 리넨까지, 오래 쓰는 법을 한 페이지에
빛 · 물기 · 열 · 먼지 네 가지 원칙과 원목 · 패브릭 · 도기 · 유리의 관리 표, 마지막 '이럴 땐' 문답까지.
같은 틀로 배송 · 설치 안내나 자주 묻는 질문 페이지를 만들 수 있습니다.
화면 구성
어느 화면이든 같은 방입니다
메인
전폭 첫 화면 + 투명 메뉴 · 분류 사진 5칸 · 상품 줄 2개 · 큰 제목 판 · 전폭 배너 · 만드는 사람들 · 후기 · 마감 사진
목록
명조 제목 · 밑줄 세부 분류 · 4:5 카드 4열 · 두 번째 사진 · + 담기 · 흰 라벨 · 색 동그라미
상세
색 동그라미 · 사이즈 칩 · 크기 안내 표 · 소재 · 관리 가이드 창 · 안내 카드 3칸 · 아코디언
그 외
브랜드 이야기 · 관리 가이드 · 메가메뉴 사진 카드 · 모바일 메뉴 · 로그인 · 게시판 · 주문서까지 같은 톤
설정
설정 파일 몇 개만 열면 됩니다
HTML · CSS 를 몰라도 됩니다. 설정 파일에 분류 번호와 문구만 적으면
메인 · 검색 · 메뉴 카드 · 옵션 칩 · 크기 안내가 함께 따라옵니다. 사진은 정해진 폴더에 같은 이름으로 덮어쓰면 끝입니다.
톤
명조 제목, 고딕 본문, 흙빛 한 점
제목은 노토 세리프(명조), 본문 · 가격 · 버튼은 프리텐다드(고딕) — 두 서체로 대비를 만들었습니다. 그림자와 둥근 모서리를 걷어 내고,
버튼은 각진 1px 테두리, 사진 바탕은 리넨 색 한 단입니다. 화면의 글자는 전부 한글입니다.
지원 환경 : 크롬 · 엣지 · 사파리 최신 버전 / 아이폰 · 안드로이드 휴대폰 (PC · 모바일 반응형)
© 2026 RUNAWAY. 이 스킨의 디자인 · 코드 저작권은 RUNAWAY 에 있습니다.
