여덟 겹, 네 단계
스크롤이 진행될 때마다 활성 레이어가 앞으로 나옵니다. 네 단계 모두 동일한 8-layer stack · 변하는 것은 활성 layer 인덱스와 카메라 z-walk-in.
depth: 60px ~ 96px (back)
페이지 진입 시 뒤쪽 네 겹이 활성. 멀리서 풍경을 바라보는 시점. 가장 깊은 layered shadows 가 겹 사이에 고입니다.
depth: 36px ~ 72px (mid)
중경 네 겹이 활성. 종이 결과 재단 자국이 또렷해지는 구간. 가위 정교한 finish 가 가장 잘 보입니다.
depth: 12px ~ 48px (front)
근경 네 겹이 활성. 종이 결 fibre 가 또렷이 드러나고, 가장 가까운 겹의 미세한 떨림이 가장 자연스럽습니다.
depth: 12px (front) · scale 1.12
가장 앞 겹 단독 zoom. 종이 결과 접힘, 재단 흔적이 매크로 시점으로 드러나며 가위 컷의 craft warmth 가 정점에 닿습니다.
* 4 stage mock · 실제는 사진 + CSS transform · WebGL X · reduced-motion 시 단일 정적 사진 (§ethics #4) · 스크롤 구간 사용자 swap
여덟 겹의 분해도
한 풍경이 만들어지는 여덟 겹 분해. L-01 (가장 앞) 부터 L-08 (가장 뒤) · 각 layer 의 z-depth · parallax 속도 · 그림자 cast 룰.
가장 앞 겹 · z-depth 12px · vy 0.36 가장 빠름 · 스크롤 시 가장 큰 translateY · 가위 컷 edge 가 매크로 시점으로 드러남.
cream-mustard 겹 · cast shadow opacity 14% · offset 4px · 종이 한 겹이 다음 종이에 떨어뜨리는 첫 그림자.
terracotta 겹 · cast shadow opacity 16% · 4-color paper 의 warm 축. 035 의 terracotta dominant 와 다른 sample 정체성.
mustard echo · cast shadow opacity 18% · 4-color paper 의 primary 축 · 057 시그니처 머스타드.
sage 겹 · cast shadow opacity 20% · paper fibre overlay visible · 4-color paper 의 cool 축 · sage hue.
cream-warm grey echo · cast shadow opacity 22% · 4-color paper 의 neutral 축 · faded layer.
terracotta echo · cast shadow opacity 24% · 가장 옅은 톤 · 깊은 거리감 cue.
cream base 와 fade-out blend · vy 0.04 가장 느림 · 가장 깊은 그림자가 base 종이에 떨어짐 · 풍경의 깊이 anchor.
* 8 layer mock · 실제 export 시 페이퍼크래프트 작가 분해 촬영 · 라이선스에 따라 layer 분해 사진 제공 (§6 Pro / Enterprise)
정교한 컷·결
종이 한 겹의 결, 가위 자국, 접힘, 뒤집힘, 구멍. 멀리서 보면 안 보이는 디테일이 가까이서 풍경을 살립니다.
종이 자체의 fibre · 빛 각도에 따라 결이 살아남. L-05 sage layer 가 fibre 가 가장 또렷합니다.
종이를 한 번 접어 z-depth 를 손으로 만든 부분 · 접힘 안쪽 그림자가 가장 깊음 · 종이 작가의 손 흔적.
종이 모서리가 미세하게 들려 뒷면이 보이는 부분 · 종이 양면 톤 차이가 craft warmth cue · L-03·L-05 에서 가장 자주.
잘려나간 영역으로 뒤 layer 가 비치는 부분 · 가위 정교한 finish 가 가장 중요 · 빛이 통과해 그림자가 다음 layer 에 떨어짐.
* 4 디테일 mock · 실제 export 시 macro 사진 separate slot · macro view 만 별도 사진 자산
종이의 신뢰 다섯 가지
쇼케이스 페이퍼크래프트의 product-trust 는 정량 지표가 아닌 신뢰 룰 그 자체. 재생 종이 · 재활용 비율 · 접근성 · 라이선스 · 재사용 다섯 축.
실제 페이퍼크래프트 시 재생 종이 권장 · 4-color paper 모두 재생 가능 펄프 · FSC 인증 등 환경 책임 종이 default 추천. 사용자 swap 시 종이 선택 가이드.
사진 캡처 후 종이 작품 재활용 비율 명시 · 작품 재활용 · 보관 · 폐기 정책 명시. 종이 작가 폐기물 책임 톤.
사진 + parallax 영역 aria-label 명시 · 4 stage 별 디오라마 description alt 텍스트 mandatory · 스크린리더 친화 · §ethics #1 정합.
Embed · Pro · Enterprise 3 단계 · §6 명시 · 종이 작품 자체의 저작권 + 사진 자산 라이선스 분리. 재배포·2차 가공은 별도 협의.
다른 프로젝트 재사용은 Pro 이상 · 종이 작품 원본은 작가 보유 · 사진 자산만 라이선스 분기. 클로닝·역공학 X · 디지털 재현 협의.
* 5 신뢰 룰 · 도전자 sample 의 정량 trust 와 다른 카테고리 · 쇼케이스 페이퍼크래프트의 신뢰는 ‘신뢰 룰’ 자체가 trust signal · showcase track mood-canon honor 정합
도입 플랜
쇼케이스 라이선스 세 단계 · 단일 페이지 임베드 · 5 페이지 + 컬러 분기 · 풀 종이 소스 + 작품 라이선스. 약정 없음.
단일 페이지 임베드 · 기본 8 layer · 4-color paper 고정
- ✓단일 페이지 임베드 권한
- ✓8 layer 패럴랙스 기본
- ✓4-color paper 고정 (머스타드·테라코타·세이지·크림 그레이)
- ✓4 stage 시퀀스
5 페이지 임베드 · 컬러 분기 · 9 layer 확장 가능
- ✓Embed 전부
- ✓5 페이지 임베드 권한
- ✓4-color paper 분기 (다른 paper tone 커스텀)
- ✓9 layer 확장 가능
- ✓macro 디테일 사진 4 slot 별도
- ✓12개월 유지보수
풀 종이 소스 + 작품 라이선스 · 무제한 사용
- ✓Pro 전부
- ✓풀 종이 작품 원본 사진 제공
- ✓무제한 페이지 · 도메인
- ✓7~9 layer 협의 (사용자 stage 추가)
- ✓커스텀 종이 작품 제작
- ✓전담 유지보수
- ✓우선 지원 (24h)
* 가격 mock · 사용자 swap · 라이선스 옵션 §ethics #6 명시 · 약정 없음 · 환불 정책 §푸터 정책 링크 · 종이 작품 원본은 작가 보유 default
만든 사람과 사용처
만든 사람의 한 마디 + 네 가지 사용 사례 (mock).
디지털 셰이더로 깊이를 흉내 내고 싶지 않았습니다. 실제로 종이를 자르고, 한 겹 위에 또 한 겹을 올리고, 측광을 세워 그림자가 겹 사이에 고이는 순간을 사진으로 담습니다. 화면에서 움직이는 것은 그 사진들이지, 만들어진 3D가 아닙니다. 느린 기기에서는 정직하게 한 장의 정적 사진으로 돌아갑니다.
예: 브랜드 톤북 · 사보 표지 · 브랜드 키비주얼 캠페인 인터랙티브 페이지. mock 사례: 실제 브랜드명 verbatim X.
예: 출판사 동화책 표지의 디지털 인터랙티브 버전 · 종이 그림책의 web extension. mock 사례: 실제 출판사·작가명 verbatim X.
예: 전시 보조 인포그래픽 · 유물·역사 시각화의 종이 비주얼 · 박물관 디지털 콘텐츠. mock 사례: 실제 박물관·전시명 verbatim X.
예: 단체전·개인전·페어 키비주얼 · 전시 포스터의 디지털 인터랙티브. mock 사례: 실제 전시·작가명 verbatim X.
* 4 사용처 mock · 실제 도입 사례는 §6 도입 문의 후 별도 공유 · 실명·실 작품 verbatim X · 합성 사례 X (§ethics #6)
운영 원칙
접근성 · 디바이스 · 라이선스 · 재사용 · 재생 종이 다섯 cell. 쇼케이스 페이퍼크래프트의 운영 책임.
parallax 영역 aria-label 명시 · 4 stage 별 디오라마 description alt 텍스트 mandatory · 스크린리더 친화 · 키보드 fallback (스페이스바 stage 전환).
저사양 디바이스 자동 감지 후 단일 정적 사진 swap. 패럴랙스 비활성 + 단일 hero-1.jpg fallback · 디바이스 성능 정직. 가짜 60fps 주장 X.
Embed · Pro · Enterprise 3 단계 · §6 명시 · 종이 작품 자체 저작권 + 사진 자산 라이선스 분리. 재배포 X · 2차 가공은 협의.
다른 프로젝트 재사용은 Pro 이상 · 종이 작품 원본은 작가 보유 · 사진 자산만 라이선스 분기. 클로닝·역공학 X · 디지털 재현 협의.
실제 페이퍼크래프트 시 재생 종이 권장 · FSC 인증 등 환경 책임 종이 default 추천 · 4-color paper 모두 재생 펄프 가능. 사용자 swap 시 종이 선택 가이드.
* 5 cell · §ethics 11 항목 중 핵심 5 항목 운영 cell · 자세한 약관은 §푸터 정책 링크
자주 묻는 질문
* 6 FAQ mock · 추가 문의는 §10 contact form
도입 문의
사용 목적 · 디바이스 타깃 · 예산 · 라이선스 옵션 · 추가 메모. 영업일 1일 내 응답.
도입 문의 후 진행
- 1영업일 1일 내 응답 (이메일 또는 카톡)
- 2사용 사례 파악 · 라이선스 협의
- 3종이 작업 + 사진 캡처 (Pro 이상) · 영업일 7-10일
- 4임베드 가이드 + 사진 자산 전달
* 모든 단계 사용자 문의 후 1:1 진행 · 종이 작품은 라이선스 옵션에 따라 분기