01
STATIC
샌드톤 SANDTONE
선크림 · 정적 이미지판하얗게 뜨지 않는 베이지 톤 무기자차. 가이드 프롬프트로 만든 기본형이라 STEP 1~5를 따라갈 때 가장 먼저 참고하면 좋습니다.
01
STATIC
02
STATIC
페이서 PACER
러닝 양말 · 정적 이미지판물집 없이 완주하는 5단 압박 러닝 양말. 스크롤에 따라 이미지가 바뀌는 구성입니다.
03
VIDEO
페이서 PACER
러닝 양말 · 영상 스크럽판02와 같은 브랜드, 스크롤에 영상이 감기는 버전입니다. 같은 내용을 정적판과 나란히 비교해 보세요.
04
STATIC
묘연 MYOYEON
고양이 사료 · 정적 이미지판골목 급식소에서 시작한 고양이 사료. 따뜻한 톤의 브랜드 스토리가 어떻게 페이지로 풀리는지 보세요.
05
VIDEO
묘연 MYOYEON
고양이 사료 · 영상 스크럽판04의 영상 버전입니다. 데이터가 큰 만큼 Wi-Fi에서 보는 걸 권장합니다.
06
ZINE
포레스트 클로젯 FOREST CLOSET
모리걸 패션 · 콜라주 진판앞의 다섯과 정반대 결. 잡지 한 권을 찢어 붙인 듯한 스티커·컷아웃·손글씨. 표지 스티커는 마우스로 끌어 옮길 수 있고, 상품 14벌은 실제 스마트스토어와 연결돼 있습니다. "같은 도구로 이렇게도 된다"의 예시.
07
LIVE
저당퐁 JEODANGPONG
저당과자 · 실제 운영 사이트데모가 아니라 참가자가 실제로 만들어 GitHub Pages에 올린 사이트입니다. 오늘 STEP 1~5를 끝내면 이 상태가 됩니다. 구조(홈 → 소개 → 제품 → 연락)와 문장 길이를 보세요.
데모는 그대로 베끼는 게 아니라 기준점입니다
구조(홈 → 소개 → 제품 → 이야기 → 연락)와 문장의 길이만 참고하세요. 내용은 여러분 브랜드의 것으로 바꿔야 합니다. 영상 스크럽판은 STEP 5까지 끝낸 뒤 여유가 있을 때 도전하는 확장판입니다.
"이 데모처럼 만들고 싶은데, 뭐라고 말해야 하죠?"
11시 팁에서 분위기·색조합·서체·효과를 실제 샘플로 보고 고르는 페이지가 열립니다. 고르기만 하면 Codex에 붙여넣을 프롬프트가 완성됩니다 — 그때까지는 구조와 문장 길이만 참고하세요.