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

1. index.html — 메인 (Hero + 카운트다운 + 스피커)

2. speakers.html — 스피커 그리드

3. agenda.html — 2일간 타임라인

4. tickets.html — 3단 티켓 + FAQ

5. venue.html — 장소 · 교통 · 숙박

6. contact.html — 4채널 + 문의 폼

Spark Summit — 컨퍼런스 / 이벤트 / 서밋을 위한 풀스택 6페이지 템플릿

컨퍼런스, 서밋, 테크 이벤트, 페스티벌, 워크숍을 위한 다크 모드 HTML 템플릿입니다. 다크 베이스(#0a0e1a) + 코랄(#ff5b3c) + 골드(#ffc24b) 그라데이션의 임팩트 강한 디자인. Space Grotesk 디스플레이 타이포 + Inter 본문.

구성된 페이지 (6종)

• index.html — Hero + 라이브 JS 카운트다운 · 4명 피처드 스피커 · 4트랙 · 스폰서
• speakers.html — 12명 그리드 (Keynote/Workshop 뱃지 + 토픽)
• agenda.html — Day 1 + Day 2 · 시간/타이틀/스피커/트랙 형태
• tickets.html — Community/Builder/Founder 3단 + 할인 + FAQ 아코디언
• venue.html — 장소 + 교통 + 숙박 + Quick facts 사이드바
• contact.html — 4채널 카드 (티켓·스피커·스폰서·프레스) + 문의 폼

핵심 특징

• JS 카운트다운 — 이벤트 D-Day까지 실시간 카운트 (data-countdown 속성)
• 그라데이션 텍스트 — 코랄→골드 그라데이션 헤드라인
• 다크 모드 우선 — 모든 폼/컨트롤도 다크 디자인
• 스피커 카드 — Keynote/Workshop 뱃지 + 토픽 표시
• 어젠다 타임라인 — 시간 · 타이틀 · 스피커 · 트랙 색상 코딩
• 3단 티켓 카드 — Featured 강조 + ✓/− 비교 표시
• 장소 + 숙박 — Quick facts 사이드바 + 호텔 옵션 카드

사용 기술

• Bootstrap 5.3 + Bootstrap Icons
• Space Grotesk + Inter (Google Fonts)
• Pure CSS variables · Vanilla JS (카운트다운 + 폼 검증)

이런 분께 추천

• 테크 컨퍼런스 · 디자인 컨퍼런스 · 스타트업 서밋
• 워크숍 · 부트캠프 · 마스터클래스
• 페스티벌 · 뮤직 컨퍼런스
• 커뮤니티 밋업 · 헤커톤

커스터마이즈

--sp-accent: #ff5b3c;    /* 코랄 */
--sp-accent-2: #ffc24b;  /* 골드 */
--sp-bg: #0a0e1a;        /* 다크 베이스 */

라이선스

단일 도메인 라이선스 — 1개 도메인 무제한 사용. 재배포 금지.