호흡필라테스 — 필라테스 — 포트폴리오

PORTFOLIO / 필라테스

호흡필라테스 — 필라테스

호흡필라테스 · 데모용 가상 브랜드이며 실존 업체가 아닙니다.

목록으로 데모 페이지 열기

미리보기

이 데모에 대하여

필라테스 카테고리 데모. 프리셋 P6 기준으로 제작 예정이며 시그니처 연출은 "호흡 리듬 원"이다. 가상 브랜드이며 실존 업체와 무관하다.

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

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

브랜드	호흡필라테스 (서울 성수) — 가상 브랜드
업종	필라테스
서비스 요약	기구(리포머·캐딜락) 수업, 매트 수업, 개인 수업, 체형 상담
타겟 고객	20~40대, 좌식 근무가 길고 운동 경험이 적은 층
브랜드 형용사	차분한 · 정확한 · 과하지 않은
무드 프리셋	P6 소프트 클리닉
CTA 채널	전화 문의, 네이버 예약
기술 스택	순수 HTML + CSS + JS
스크롤	Lenis (부드러운 스크롤)
페이지 구성	### ★ 레이아웃 아키타입 — A. 스티키 사이드바 2단 (선언: main.js 최상단 주석)
보유 에셋	총 9장 · 전 이미지 `width`/`height` 명시 + 실제 설명형 `alt` 히어로만 `fetchpriority="high"` + `preload`, 나머지 `loading="lazy"` 총 9장 확보 / 권장 9~10장 — OG 이미지만 미확보

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

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

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

# 호흡필라테스 랜딩페이지 — 기획서 + 디자인 명세서 (AI 빌드 프롬프트)
> AIPM 생성기 v2.5 · 무드 프리셋 P6 소프트 클리닉 · **아키타입 A 스티키 사이드바 2단** · 2026-08-04

아래 명세를 그대로 따라 프리미엄 퀄리티의 싱글 페이지 랜딩을 구현하라.
"느낌"이 아니라 수치·색상·구조로 판단하고, 명세에 없는 부분은 업종 관례로 채우되 과장 광고 문구는 쓰지 않는다.

## 00. 완성 기준 — 최상위 원칙

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

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

INFO

제작 정보

브랜드	호흡필라테스
카테고리	필라테스
프리셋	P6 소프트 클리닉
시그니처	호흡 리듬 원
등록일	2026-08-03

PRESET

P6 소프트 클리닉

안심의 파스텔 — 클라우드 × 세이지 × 유기 곡선. 부드러움이 곧 신뢰인 업종

팔레트

Cloud#FBFAF8

Mist#EEF1EE

Ink#2A3230

Accent#7A9E8E

Blush#E8D5CE

타이포그래피

Display Pretendard SemiBold(라운드감) 또는 카페24 써라운드 / Body Pretendard

모티프

유기적 블롭 곡선(border-radius 40% 60%…), 라운드 24px+, 소프트 섀도(0 12px 40px rgba(0,0,0,.05)), 파스텔 듀오 배지

사진 통일 처리

filter: brightness(1.04) saturate(.85) contrast(.96) — 밝고 뽀얀 톤

같은 방식으로 만들려면

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

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