Brand Story Content
docs/hcs-asset/brand-story-content.md
id: 'brand-story-content' status: implemented
Brand Story Content
Reference
- URL: N/A (자체 디자인)
- 위치: 브랜드 스토리 페이지 전체 콘텐츠
- 구조: Hero Statement → Image+Text 교차 → Pull Quote → Values Grid → CTA
- Design Vector: density 35, visualWeight 50, colorIntensity 25, borderSoftness 35, materialDepth 15, motionLevel 20
React Component
- Path:
apps/makitt-standard-commerce/src/components/assets/brand-story-content/ - Status: implemented
- 반응형: 미적용 (데스크톱 전용 — 추후 반응형 추가 가능)
- i18n: 미적용 (정적 영문 콘텐츠)
Prerequisites
makitt-server (shop-api)
API 의존성 없음 — 순수 정적 콘텐츠.
| API | Method | Endpoint | Status |
|---|---|---|---|
| N/A | — | — | — |
makitt-server (admin-api)
| API | Method | Endpoint | Status |
|---|---|---|---|
| N/A | — | — | — |
makitt-server (도메인/모델링)
| 항목 | 내용 | Status |
|---|---|---|
| N/A | — | — |
makitt-web (셀러 어드민 UI)
| 기능 | 설명 | Status |
|---|---|---|
| N/A | — | — |
makitt-shop (HCS 렌더링)
| 항목 | 설명 | Status |
|---|---|---|
section renderer | 섹션 루트 | available |
container renderer | 레이아웃 컨테이너 | available |
heading renderer | 제목 (h1, h2, h3) | available |
text renderer | 텍스트 스팬 | available |
paragraph renderer | 단락 | available |
image renderer | 이미지 플레이스홀더 | available |
button renderer | CTA 버튼 | available |
divider renderer | 구분선 | available |
HCS Conversion Notes
- 순수 정적 콘텐츠 → 데이터 바인딩/리소스/이벤트 불필요
- Image+Text 교차 레이아웃은 flex-direction으로 구현 (row / row-reverse)
- Values Grid는 3-column flex 레이아웃
- Pull Quote는 blockquote 대신 container + text로 표현
- 모든 색상/타이포 값은 standard-commerce design vector 준수