📸 풀페이지 미리보기 (PC · 모바일)

1. index.html — 메인

2. menu.html — 풀 메뉴

3. about.html — 레스토랑 스토리

4. reservation.html — 예약 폼

5. gallery.html — 비대칭 갤러리

6. contact.html — 위치 + 영업시간 + 문의 폼

Mesa Bistro — 레스토랑/카페/와인바를 위한 따뜻한 6페이지 템플릿

비스트로, 와인바, 카페, 파인다이닝을 위한 따뜻한 6페이지 HTML 템플릿입니다. 크림 베이스(#fbf6ef) + 다크 그린 액센트(#3a5a40) + 골드 하이라이트(#b8915a)로 "따뜻한 환대" 분위기를 자연스럽게 전달합니다.

구성된 페이지 (6종)

• index.html — Hero · 시그니처 디시 4종 · 셰프 스토리 · 예약 CTA · 프레스
• menu.html — Small plates · Primi · Secondi · Dolci · Wine 섹션별 메뉴
• about.html — 레스토랑 스토리 · 키친 · 와인 · 룸
• reservation.html — 예약 폼 (날짜 · 시간 · 인원 · 자리 · 알러지) + 정책 카드
• gallery.html — 비대칭 매거진 그리드 (12장)
• contact.html — 지도 · 영업시간 · 연락처 카드 + 문의 폼

핵심 특징

• Cormorant Garamond + Inter — 클래식 세리프 헤드라인 + 모던 산세리프 본문. 레스토랑 디자인 표준
• 크림 + 다크 그린 + 골드 — 환대 산업의 따뜻한 팔레트
• 이탤릭 액센트 — 헤드라인의 이탤릭 emphasis 가 메뉴의 시그니처
• 예약 폼 — 날짜 · 시간 · 인원 · 자리 선택 + 알러지 노트 + 정책 동의
• 비대칭 갤러리 — 다양한 사이즈의 매거진 스타일 그리드
• 다크 인포 카드 — 영업시간/연락처/예약정책 카드
• 완전 반응형 — 데스크탑 풀그리드, 모바일 단일컬럼

사용 기술

• Bootstrap 5.3 (CDN)
• Bootstrap Icons 1.11
• Cormorant Garamond + Inter (Google Fonts)
• Pure CSS Variables
• Vanilla JS · 스무스 스크롤 + 폼 검증

이런 분께 추천

• 비스트로 · 파인다이닝 · 캐주얼 레스토랑
• 와인바 · 칵테일바
• 카페 · 베이커리 · 디저트샵
• 판다이닝 · 다이닝코스 전문점
• 호텔 레스토랑 · 케이터링 사업

커스터마이즈 가이드

:root {
  --mb-bg: #fbf6ef;       /* 크림 배경 */
  --mb-accent: #3a5a40;   /* 다크 그린 */
  --mb-gold: #b8915a;     /* 골드 하이라이트 */
}

라이선스

단일 도메인 라이선스 — 1개 도메인/프로덕트에 무제한 사용. 재판매 · 재배포 · 템플릿 마켓플레이스 등록은 불가합니다.

지원

구매 후 12개월 업데이트 · 기술 지원 무료 제공.