Site Design Introduction
EMBER ROASTERS — 스페셜티 로스터리 (다크)
8페이지
스페셜티 로스터리 카페 · 스페셜티 커피·로스터리
다크 에스프레소+카퍼(웜 앰버 글로우) 스페셜티 커피·로스터리 8페이지 템플릿. A8 좌측 고정 사이드 네비 히어로·Big Shoulders 인더스트리얼 콘덴스+Space Mono 로스팅데이터·F1 페이드+F3 카운트업 — 홈/로스터리/싱글오리진/메뉴·브루잉/로스팅·공간/소식/매장·스토어/오시는길. 공통 사이드바·푸터 인클루드 분리, __site-head__. 리빌 하드닝(무JS·reduced-motion 시 콘텐츠 노출)·반응형(모바일 상단바 전환). 게시판(소식)·폼(문의)은 정적 셸로 포함, 가져온 뒤 AI로 결선.
전체 페이지 구성
실제 제작 화면을 이미지와 페이지 역할 설명으로 확인하세요.
PAGES 08
PAGE 01 / 08
홈
브랜드의 첫인상과 핵심 제안, 주요 이동 경로를 한눈에 이해하도록 구성한 홈 화면입니다.
PAGE 02 / 08
로스터리
브랜드와 서비스의 배경, 기준과 차별점을 방문자가 쉽게 이해하도록 정리한 소개 화면입니다.
PAGE 03 / 08
싱글오리진
싱글오리진 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 04 / 08
메뉴·브루잉
메뉴·브루잉 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 05 / 08
로스팅·공간
로스팅·공간 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 06 / 08
소식
중요 안내와 운영 정보를 날짜별로 확인하는 공지 화면입니다.
PAGE 07 / 08
매장·스토어
매장·스토어 페이지의 주요 정보와 다음 이동 경로를 쉽게 파악할 수 있도록 구성한 화면입니다.
PAGE 08 / 08
오시는길
상담에 필요한 정보와 연락 방법을 간결하게 확인하고 문의하는 화면입니다.
선택한 디자인으로 정식 제작을 시작하세요.
실제 스킨은 제작을 시작하면 제공됩니다. 페이지 구성과 필요한 기능을 확인한 뒤 고객 콘텐츠에 맞게 제작합니다.