상세페이지 한 편이 어떻게 만들어지는지 한 장으로 봅니다. 가정용 소형 진공 청소기를 예로, 블록 30개와 블록 유형 6종(공백 / 문장 입력 / 꾸미기 / 영상삽입 / 다이어그램 / 표)을 모두 넣어 그렸습니다. 실제 스토리가 아니라 구성 도식입니다.

스토리는 "단(블록)"을 위에서 아래로 쌓아 만듭니다. [블록 유형 6종] - 공백 — 사이 간격만 두는 블록입니다(20/40/80px). - 문장 입력 — 제목 / 부제목 / 소제목 / 본문 역할을 골라 씁니다. - 꾸미기 — 사진 위에 글자·도형·이미지를 얹습니다. 모션을 걸어 움짤(webp·gif)로도 만듭니다. - 영상삽입 — 올린 영상과 유튜브 링크를 한 블록에 담습니다. - 다이어그램 — 노드와 커브로 구조·흐름을 그립니다. - 표 — 비교표·제원표·구성품표를 만듭니다. 셀 병합과 열 너비 조절이 됩니다. [도식 읽는 법] - 왼쪽 번호는 순서일 뿐입니다. 중간에 블록을 끼워 넣어도 피드백과 이력은 그 블록을 그대로 따라갑니다. - 분홍 말풍선("움짤·모션 이미지로 표현")이 붙은 블록은 움직임을 주는 자리입니다 — 메인 비주얼, 문제 장면, 숫자 카운트업, 배송·보증 배지, 마지막 구매 버튼. - 표는 쓰임이 셋입니다 — 제품 제원표, 경쟁 제품 비교표, 구성품 표. [이 예시의 흐름] 1~6번 첫인상(메인 비주얼 → 제목 → 본문 → 문제 장면), 7~10번 구조와 성능(다이어그램 → 제원표), 11~15번 사용 장면과 영상, 16~20번 비교와 근거, 21~25번 구성품과 자주 묻는 질문, 26~30번 신뢰 요소와 마무리(배송·보증 → 마무리 카피 → 구매 버튼). 검토자는 초대 링크로 들어와 블록마다 후보를 고르고 피드백을 남깁니다. 다 정해지면 본문은 서식 그대로 복사하고, 확정된 이미지는 한 번에 내려받습니다.