덩크버거 — 수제버거
덩크버거 · 데모용 가상 브랜드이며 실존 업체가 아닙니다.
미리보기
조회 28
이 데모에 대하여
성수동 수제버거 데모. P5 키네틱 볼드 프리셋. 시그니처는 「THE STACK」 분해도 핀 스크롤 — 스크롤에 따라 번·베이컨·패티·야채 4개 레이어가 위아래로 벌어지며 재료 라벨이 순차 등장하고, 다시 합쳐진 뒤 콤보 박스로 담기는 연출까지 이어진다. GSAP SplitText·CustomEase, mix-blend-mode 컷아웃 합성, 마퀴 스트립 적용. 이미지 11종은 ChatGPT(gpt-image)로 생성했고 분해도용 4장은 순수 검정 배경 컷아웃으로 뽑았다. 가상 브랜드이며 실존 매장과 무관하다.
프롬프트 생성기 보기 — 이 데모를 만들 때 넣은 값
아래 값을 생성기에 넣어 이 페이지의 빌드 명세서를 뽑았습니다. 같은 방식으로 내 업종·브랜드를 넣으면 내 페이지용 명세서가 나옵니다.
| 브랜드 | 덩크버거 |
|---|---|
| 지역 | 서울 성수동 |
| 업종 | 베이커리·카페 |
| 서비스 요약 | 수제 더블패티 버거, 콤보 세트, 밀크셰이크 |
| 타겟 고객 | 20~30대, 성수 방문객, 농구·스트릿 문화 관심층 |
| 브랜드 형용사 | 강렬한 · 대담한 · 젊은 |
| 신뢰 숫자 | 패티 N g, 숙성 N일, 매장 N석 |
| 무드 프리셋 | P5 키네틱 볼드 |
| 액센트 변주 | 핫 코랄(기본) #FF5A1F |
| 히어로 | A안 |
| 시그니처 연출 | 버거 분해도(Exploded View) 핀 스크롤 |
| CTA 채널 | 전화, 네이버 예약·톡톡 |
| 기술 스택 | 순수 HTML + CSS + JS |
| 스크롤 | Lenis (부드러운 스크롤) |
| 페이지 구성 | 히어로 → 공감(문제 제기) → ★시그니처 챕터 → 서비스/작품 그리드 → 진행 프로세스 → 후기·소셜 프루프 → 성과 숫자 → FAQ → 최종 CTA(+폼) → 오시는 길/지도 → 푸터 |
| 선택 인터랙션 | 3D 틸트 카드 · 커스텀 커서(데스크톱) · 무한 키워드 마퀴 |
| 보유 에셋 | /assets/box-open.webp — 1100×1375 — 59KB /assets/combo-box.webp — 1400×934 — 119KB — 버거와 감자튀김, 셰이크가 담긴 콤보 박스 /assets/hero-burger.webp — 1400×1400 — 75KB — 두툼한 더블 패티 치즈버거 /assets/interior.webp — 2000×858 — 144KB — 어두운 인더스트리얼 톤의 매장 내부 /assets/menu-1.webp — 1400×1050 — 119KB — 클래식 더블 치즈버거 /assets/menu-2.webp — 1400×1050 — 136KB — 할라피뇨가 올라간 매운 버거 /assets/menu-3.webp — 1400×1050 — 163KB — 베이컨이 두껍게 쌓인 버거 /assets/shake.webp — 900×1200 — 54KB — 휘핑크림이 올라간 초콜릿 셰이크 /assets/stack-bacon.webp — 1400×1400 — 120KB — 베이컨과 그릴드 어니언 /assets/stack-bun-bottom.webp — 1400×1400 — 86KB — 양상추와 피클, 아랫번 /assets/stack-bun-top.webp — 1400×1400 — 76KB — 브리오슈 윗번 /assets/stack-patty.webp — 1400×1400 — 91KB — 치즈를 올린 소고기 패티 보유 에셋이 이 수량에 못 미치면, 부족분은 회색 placeholder(비율 명시)로 두고 |
이 명세서 보기 — 어떤 문서가 나오는지 미리보기
이 데모는 11,418자 분량의 빌드 명세서로 만들었습니다. 아래는 앞부분 일부이며, 팔레트·타이포 수치, AI-티 판별 규칙, 인터랙션 구현 지침, 업종별 카피 어휘는 구매자에게만 공개됩니다.
나머지 10,518자에 이 페이지를 만든 실제 지침이 들어 있습니다.
P5 키네틱 볼드
에너지로 압도 — 카본 × 핫 코랄 × 초대형 타이포. 젊고 강한 브랜드
Display **Anton/Archivo Black + 한글 검은고딕·에스코어드림 900** / Body Pretendard / 숫자 초대형
뷰포트 관통 초대형 타이포, 아웃라인 텍스트, 대각선 컷 섹션 경계, 스티커 배지, 노이즈 그레인
filter: contrast(1.15) saturate(1.05) + 카본×액센트 듀오톤 1~2장