SKIN · 패션 / 의류 / 편집숍
LULL
사진이 먼저 말하고, 글자는 한 발 물러섭니다.
좋은 옷을 찍어 두셨다면, 그 사진이 제 몫을 다하는 화면입니다.
01 · MAIN
첫 화면은 사진 한 장으로 시작합니다
전폭 슬라이드 위에 짧은 영문 제목 하나. 배너도, 배지도, 팝업 띠도 없습니다.
그 아래로 신상품 한 줄, 좌우 두 장의 밴드, 카테고리 타일, 베스트 한 줄, 브랜드 사진 — 넓은 여백을 두고
사진과 상품이 번갈아 내려갑니다. 잡지를 넘기는 리듬이라, 스크롤이 길어도 지루하지 않습니다.
슬라이드 · 밴드 · 브랜드 사진은 정해진 폴더에 같은 이름으로 덮어쓰면 바뀝니다. 메인 구성은 세 가지(A · B · C)가 들어 있어 한 줄로 전환합니다.
02 · EDITORIAL
화보를 넘기듯 봅니다
룩북 사진은 길이가 제각각입니다. 그대로 올려도 벽돌처럼 자연스럽게 쌓입니다.
한 장을 누르면 어두운 배경 위에 크게 열리고, 좌우로 넘기며 아래 썸네일로 자리를 짚습니다.
게시판을 만들 필요가 없습니다 — 상품분류 하나를 지정하면 그 분류가 화보 페이지가 됩니다.
03 · SEARCH
검색도 한 장의 화면입니다
돋보기를 누르면 화면 전체가 흰 종이처럼 열리고, 큰 세리프 글씨로 검색어가 놓입니다.
글자를 넣는 동안 결과가 상품 카드로 나란히 채워집니다 — 작은 드롭다운이 아니라 목록 페이지와 같은 크기로.
검색하는 순간까지 브랜드의 결이 끊기지 않습니다.
04 · MAGAZINE
게시판 글이 잡지처럼 열립니다
매거진 게시판의 글은 목록에서 표지 카드로 놓이고, 누르면 페이지 이동 없이 그 자리에서 기사처럼 열립니다.
사진 한 장, 캡션, 바이라인, 첫 글자를 크게 세운 본문. 시즌 이야기 · 소재 이야기 · 룩북 뒷이야기 —
상품이 아니라 브랜드를 팔고 싶을 때 쓰는 자리입니다. 잡지처럼 짜 둔 본문 틀을 함께 드려, 사진과 글만 바꾸면 됩니다.
카페24 게시판을 그대로 씁니다. 게시판 번호 하나를 설정에 적으면 그 게시판이 매거진이 됩니다.
DETAIL
세로컷이 잘리지 않고 그대로
착용컷은 3:4 세로 그대로 위에서 아래로 이어지고, 오른쪽에 상품명 · 가격 · 옵션 · 구매가 따라옵니다.
사진을 보다가 내려가면 상세 설명, 접히는 안내, 관련 상품이 같은 결로 이어집니다. 목록도 같은 3:4, 4열입니다.
사진 비율은 파일 한 곳에서 정합니다. 정사각으로 바꾸고 싶으면 한 줄입니다.
BRAND
브랜드 이야기를 한 페이지에
왼쪽에 글, 오른쪽에 세로 사진 한 장. 브랜드 소개 페이지가 따로 들어 있고, 로그인 페이지도 같은 구성입니다.
사진 한 장과 문장 몇 줄만 바꾸면 내 브랜드의 페이지가 됩니다. 로그인 · 회원가입 · 마이페이지 · 장바구니 · 주문서까지 전부 같은 톤입니다.
SCREENS
화면 구성
메인
전폭 슬라이드 3장 · 신상품 4열 · 좌우 밴드 · 카테고리 타일 4칸 · 베스트(다음 상품 살짝 걸침) · 브랜드 사진 — 구성 3종(A · B · C)
목록
3:4 세로컷 · PC 4열 / 태블릿 3열 / 모바일 2열 · 정돈된 필터와 정렬 · 배지 없이 사진과 이름만
상세
세로 스택 갤러리 · 따라오는 구매 영역 · 접히는 안내 · 관련 상품 · 상품명 · 가격 크기는 스킨이 정함
검색
전면 오버레이 · 큰 세리프 입력 · 실시간 상품 카드 · 화보 분류는 자동 제외
에디토리얼
벽돌 쌓기 목록 · 라이트박스 · 좌우 넘김 · 썸네일 · 분류 번호 하나로 연결
매거진
표지 카드 목록 · 기사형 레이어 · 잡지 본문 틀 제공 · 게시판 번호 하나로 연결
소개 팝업
왼쪽 세로 탭으로 넘기는 메인 팝업. 운영 때는 탭을 상품 · 이벤트 · 공지로 바꿔 씁니다
그 외
브랜드 페이지 · 로그인 2단(비회원 주문조회 버튼) · 회원가입 · 마이쇼핑 · 장바구니 · 게시판 · 주문 화면 전부 같은 톤으로
SETUP
설정 파일 하나만 열면 됩니다
HTML · CSS 를 몰라도 됩니다. 설정 파일에 분류 번호와 이름만 적으면
메인 배너 · 타일 · 푸터가 함께 연결됩니다. 사진은 정해진 폴더에 같은 이름으로 덮어쓰면 끝입니다.
한글 주석이 달린 사용 매뉴얼을 함께 드립니다.
TONE
흰 종이 위에 세리프 한 줄
바탕은 순백, 글자는 먹색. 제목은 세리프, 본문은 산세리프 — 무료 배포 폰트만 써서 라이선스 비용이 없습니다.
색을 쓰지 않아 옷의 색이 그대로 나오고, 배지 · 그림자 · 둥근 모서리가 없어 사진 옆에 무엇도 끼어들지 않습니다.
