PORTFOLIO / 자동차 정비
오토랩모터스 — 자동차 정비
오토랩모터스 · 데모용 가상 브랜드이며 실존 업체가 아닙니다.
01
미리보기
조회 12
02
이 데모에 대하여
자동차 정비 카테고리 데모. 프리셋 P2 기준으로 제작 예정이며 시그니처 연출은 "엔진룸 치수선 드로잉"이다. 가상 브랜드이며 실존 업체와 무관하다.
프롬프트 생성기 보기 — 이 데모를 만들 때 넣은 값
아래 값을 생성기에 넣어 이 페이지의 빌드 명세서를 뽑았습니다. 같은 방식으로 내 업종·브랜드를 넣으면 내 페이지용 명세서가 나옵니다.
| 브랜드 | 오토랩모터스 (AUTOLAB MOTORS) · 서울 성동 — **가상 브랜드** |
|---|---|
| 업종 | 자동차 정비 |
| 서비스 요약 | 일반 정비, 차량 진단(스캐너), 하체·엔진 계통. 판금·도장은 취급하지 않음 |
| 타겟 고객 | 30~50대 자가용 차주(정비소 불신 경험자) |
| 브랜드 형용사 | 계측하는 · 기록하는 · 말 바꾸지 않는 |
| 무드 프리셋 | P2 블루프린트(앰버 액센트) |
| 기술 스택 | 순수 HTML + CSS + JS |
| 스크롤 | Lenis (부드러운 스크롤) |
| 페이지 구성 | **섹션 순서 (기존 데모 골격 반복 금지 — 정비소 고유 구성)** |
| 보유 에셋 | 전 이미지 `width`/`height` 명시 + 실제 설명 alt · 히어로만 `fetchpriority="high"` + preload 나머지 `loading="lazy"` |
이 명세서 보기 — 어떤 문서가 나오는지 미리보기
이 데모는 14,081자 분량의 빌드 명세서로 만들었습니다. 아래는 앞부분 일부이며, 팔레트·타이포 수치, AI-티 판별 규칙, 인터랙션 구현 지침, 업종별 카피 어휘는 구매자에게만 공개됩니다.
나머지 13,181자에 이 페이지를 만든 실제 지침이 들어 있습니다.
PRESET
P2 블루프린트
분해하고 증명한다 — 도면 그리드 × 치수선 × 엔지니어 오렌지. 기술로 신뢰를 파는 업종
Paper#F6F5F1
Ink#14171C
Accent#E8590C
Deep#17324F
Display Pretendard **ExtraBold**(자간 -0.03em) / Body Pretendard / Data IBM Plex Mono(치수·라벨 다수)
기술 도면 — 배경 24px 그리드, 치수선(양끝 화살표+수치 라벨), 부품 번호 태그 ①②③, 각진 모서리(라운드 6px 이하), 절취선 대시 보더(견적 카드)
filter: contrast(1.08) saturate(.85) + Deep 코발트 8% multiply 오버레이, 모노 도면 라벨 캡션