캠핑 · 아웃도어 쇼핑몰 스킨
DEULSARI
텐트 · 체어 · 랜턴 · 쿡웨어를 현장 사진과 모래색 칸으로 보여 주는 장비점 스킨.
스크롤하면 사진이 움직이고, 페이지를 넘길 때도 화면이 부드럽게 이어집니다.
스크롤 연출 · 노트 레이어 · 한글만
하나 · 첫 화면과 스크롤
들어오는 순간부터 장면이 움직입니다
처음 들어오면 큰 워드마크가 한 글자씩 올라오고, 첫 사진을 덮은 막이 걷히며 사진이 제자리로 줄어듭니다(방문마다 한 번).
내려가면 첫 사진 · 특집 사진 · 마감 사진이 스크롤에 맞춰 천천히 움직이고, 가게의 기준 네 줄은 한 줄씩 드러나고, 맨 아래 워드마크는 화면에 들어오면 글자가 차례로 올라옵니다.
휠 스크롤은 부드럽게 미끄러지고, 다른 페이지로 넘어갈 때는 화면이 옅어졌다 다시 떠오릅니다.
휴대폰 설정에서 '동작 줄이기'를 켠 손님에게는 움직임 없이 바로 보입니다.
둘 · 캠핑 노트
글을 누르면 옆에서 바로 읽습니다
게시판에 쓴 글이 메인 아래 글 줄로 올라오고, 누르면 오른쪽에서 판이 밀려 나와 그 자리에서 글을 읽습니다.
뒤로가기를 누르면 판이 닫히고 보던 자리로 돌아옵니다. 노트 목록은 사진 · 제목 · 요약 · 날짜가 한 줄씩 놓인 매거진 형태입니다.
셋 · 목록
PC 는 현장 사진, 휴대폰은 장비만
PC 목록은 왼쪽에 분류 이름과 세부 분류가 따라 내려오고, 오른쪽에 큰 카드 2열이 놓입니다. 카드 사진은 상품의 두 번째 사진(현장 사진)을 3:2 로 보여 주고,
마우스를 올리면 사진이 천천히 커지며 '+ 담기'가 나옵니다. 휴대폰에서는 대표 사진(장비만 있는 사진)을 정사각 2열로, 정렬은 아래에서 올라오는 카드로 고릅니다.
넷 · 상세
무게 · 크기 · 인원을 한 줄로
상품 요약에 '2.4kg · 46 × 16cm · 2인'처럼 적으면 상세에서 무게 · 크기 · 인원 칸으로 나뉘어 이름 아래 놓입니다.
색 옵션은 관리자에서 정한 색의 동그라미로 고르고, 장바구니에 담으면 오른쪽 서랍이 열려 바로 확인합니다. 오른쪽 정보 열은 스크롤해도 따라옵니다.
다섯 · 검색
치는 동안 결과가 뜹니다
돋보기를 누르면 페이지 이동 없이 검색 서랍이 열리고, 글자를 입력하는 동안 결과 카드가 서랍 안에 바로 뜹니다. 인기 검색어와 인기 분류 사진 칸도 함께 있습니다.
화면 구성
어느 화면이든 같은 세로선 위에
메인
워드마크 · 첫 사진 · 소개 · 새 장비 · 특집 3줄 · 전체 수 · 고르는 기준 · 후기 · 캠핑 노트 · 마감 사진 · ©워드마크
목록
왼쪽 분류 열 · 큰 카드 2열 · 현장 사진 3:2 · + 담기 · 할인율 · 색 점
상세
따라오는 정보 열 · 무게 · 크기 · 인원 칸 · 색 동그라미 · 아코디언(관리법 · 배송 · 교환 · 결제)
그 외
메가메뉴 · 휴대폰 메뉴 카드 · 게시판 · 로그인 · 장바구니 · 주문서까지 같은 색과 같은 세로선
설정
설정 파일에 분류 번호와 문구만
워드마크 글자 · 소개 · 고르는 기준 네 줄 · 특집 장비 · 전체 수는 메인 설정 파일 한 곳에서 고칩니다. 사진은 정해진 폴더에 같은 이름으로 덮어쓰면 됩니다.
캠핑 노트는 관리자 게시판에 글을 쓰면 본문 첫 사진이 노트 목록의 사진이 됩니다.
톤
오트밀 바탕, 모래 칸, 이끼 한 점
제목은 SUIT(굵은 고딕), 본문 · 가격 · 버튼은 프리텐다드. 바탕은 텐트 천 같은 오트밀, 장비 사진은 모래색 칸 위에 그림자와 함께 올렸습니다.
버튼은 작은 알약, 포인트는 이끼색 하나이고 할인만 장작색입니다. 화면의 글자는 전부 한글입니다.
본 스킨의 데모 이미지는 Unsplash 에서 제공하는 상업적 이용이 가능한 무료 자료를 활용한 미리보기용 예시입니다. 이미지는 판매 대상에 포함되지 않으며, 실제 쇼핑몰 운영 시에는 자사 이미지로 교체하여 사용하시기 바랍니다.
지원 환경 : 크롬 · 엣지 · 사파리 최신 버전 / 아이폰 · 안드로이드 휴대폰 (PC · 모바일 반응형)
© 2026 RUNAWAY. 이 스킨의 디자인 · 코드 저작권은 RUNAWAY 에 있습니다.
