바이크랩 — 바이크샵·정비 — 포트폴리오

PORTFOLIO / 바이크샵

바이크랩 — 바이크샵·정비

바이크랩 · 데모용 가상 브랜드이며 실존 업체가 아닙니다.

목록으로 데모 페이지 열기

미리보기

이 데모에 대하여

P11 개러지 메탈 첫 실증. 체인·서스펜션·브레이크 사양을 치수선으로 드러내는 바이크샵 랜딩. 아키타입 D 비대칭 매거진 그리드.

프롬프트 생성기 보기 — 이 데모를 만들 때 넣은 값

아래 값을 생성기에 넣어 이 페이지의 빌드 명세서를 뽑았습니다. 같은 방식으로 내 업종·브랜드를 넣으면 내 페이지용 명세서가 나옵니다.

스크롤	Lenis (부드러운 스크롤)
페이지 구성	### 04-1. 아키타입 D — 비대칭 매거진 그리드
보유 에셋	원본 `1672 × 941` (16:9) · 전 이미지 동일 공통 그레이딩 프롬프트 (9장 전체에 동일 적용): 공통 금지 프롬프트 (전 이미지 필수):

이 설정으로 생성기 열기 빈 화면에서 시작

이 명세서 보기 — 어떤 문서가 나오는지 미리보기

이 데모는 23,787자 분량의 빌드 명세서로 만들었습니다. 아래는 앞부분 일부이며, 팔레트·타이포 수치, AI-티 판별 규칙, 인터랙션 구현 지침, 업종별 카피 어휘는 구매자에게만 공개됩니다.

# 바이크랩 (BIKELAB) — 랜딩페이지 제작 명세서

> 업종: 바이크샵 · 정비/튜닝 워크숍
> 프리셋: **P11 개러지 메탈 (Garage Metal)** — 이 프리셋의 첫 실증 데모
> 레이아웃 아키타입: **D — 비대칭 매거진 그리드**
> 슬러그: `bikelab` · 상태: 포트폴리오 데모 (가상 브랜드)

---

## 00. 완성 기준 · 판정 규칙

### 00-1. "완성"의 정의
아래를 **전부** 충족해야 납품 가능이다. 하나라도 미달이면 미완성이다.

| # | 기준 | 판정 방법 |
|---|---|---|
| 1 | 히어로 헤드라인 실측 ≥ 100px | 브라우저 실측 (`getComputedStyle(h1).fontSize`) |
| 2 | 시그니처 챕터가 정확히 1개, 스크롤에 실제로 반응 | 스크럽 구간 5지점 스크린샷 |
| 3 | 배정 플러그인 4종이 전부 눈에 보이는 결과를 만든다 | 육안 + 코드 대조 |
| 4 | GSAP 차단 시 콘텐츠·커튼이 전부 살아난다 | vendor/*.js abort 후 렌더 검사 |
| 5 | 모바일 390px 가로 오버플로 0 | `documentElement.scrollWidth <= clientWidth` |
| 6 | 스크롤 완주 후 `opacity:0` 으로 남은 콘텐츠 0 | 전 구간 스크롤 후 DOM 전수 검사 |
| 7 | 콘솔 에러 0 · 리소스 로드 실패 0 | Playwright 콘솔 수집 |

나머지 22,887자에 이 페이지를 만든 실제 지침이 들어 있습니다.

내 업종으로 직접 만들기 제품 살펴보기 이미 구매하셨나요?

INFO

제작 정보

브랜드	바이크랩
카테고리	바이크샵
프리셋	P11 개러지 메탈
시그니처	부품 치수선 드로잉
등록일	2026-08-04

PRESET

P11 개러지 메탈

손끝의 정밀 — 건메탈 × 하이비스 옐로 × 컨덴스드. 정비·튜닝·디테일링의 장비감

팔레트

Steel#E8E9EB

Surface#D3D6DA

Ink#15181C

Accent#F2C200

Carbon#0D0F12

타이포그래피

Display **Archivo Condensed 700~900** 대문자 / Body Pretendard / Data Roboto Mono

모티프

공구와 계측 — 헤어라인 금속 텍스처, 경고 스트라이프(45° 옐로/카본), 육각 볼트 아이콘, 계측 눈금 눈금자, "SPEC" 모노 배지, 카드 모서리 노치

사진 통일 처리

filter: contrast(1.16) saturate(.94) + 카본 12% multiply · 장비·손·부품 클로즈업 위주

같은 방식으로 만들려면

명세서를 직접 뽑아 쓰거나, 제작까지 맡길 수 있습니다.

내 업종으로 만들기 제작 맡기기