PAGE 01 / 08
홈
브랜드의 첫인상과 핵심 제안, 주요 이동 경로를 한눈에 이해하도록 구성한 홈 화면입니다.
사이트 디자인스킨 목록
Site Skin / MODE-COMMERCE
Site Design Introduction
MØRK — D2C 커머스 멀티페이지 (다크 에디토리얼)
다크 잉크 배경에 라임·코랄 액센트를 얹은 에디토리얼 D2C 커머스 8페이지 멀티페이지 템플릿. 홈 / 브랜드소개 / 컬렉션 / 룩북 / 저널 / 공지 / 매장 / 문의로 구성된 패션·라이프스타일 쇼핑몰 셸입니다. Anton + Archivo + Pretendard 타이포, 벤토·비대칭 그리드, 가로 스크롤 룩북, GSAP 히어로 인트로·키네틱 마퀴·패럴랙스 모션에 리빌 하드닝(JS·GSAP 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형을 갖췄습니다. 공통 헤더·푸터를 인클루드로 분리(inc/header.html · inc/footer.html)하고 각 페이지 head에 __site-head__ 토큰을 둡니다. 공지(게시판)와 문의(폼)는 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다. 이미지는 전부 AICMS 자체 생성분(aicdn)이며, 웹폰트·모션 라이브러리만 CDN(Pretendard·Google Fonts·GSAP)을 사용합니다.
전체 페이지 구성
실제 제작 화면을 이미지와 페이지 역할 설명으로 확인하세요.
PAGES 08
PAGE 02 / 08
브랜드소개
브랜드와 서비스의 배경, 기준과 차별점을 방문자가 쉽게 이해하도록 정리한 소개 화면입니다.
PAGE 03 / 08
컬렉션
컬렉션 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 04 / 08
룩북
룩북 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 05 / 08
저널
전문 정보와 브랜드 이야기를 목록과 상세 흐름으로 읽을 수 있는 콘텐츠 화면입니다.
PAGE 06 / 08
공지
중요 안내와 운영 정보를 날짜별로 확인하는 공지 화면입니다.
PAGE 07 / 08
매장
매장 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 08 / 08
문의
상담에 필요한 정보와 연락 방법을 간결하게 확인하고 문의하는 화면입니다.
선택한 디자인으로 정식 제작을 시작하세요.
실제 스킨은 제작을 시작하면 제공됩니다. 페이지 구성과 필요한 기능을 확인한 뒤 고객 콘텐츠에 맞게 제작합니다.
