S-01 · 잎 전체 · LEAF FULL
S-02 · 잎맥 · LEAF VEINS
S-03 · 물방울 · DEW DROP
S-04 · 포자 · SPORE FRONDS
MACRO · 1:1 · F2.8
STAGE 1 / 4 · 0% · LEAF FULL · focal 0.18m · LUX 280

V.059 · 보태니컬 매크로 키아로스쿠로 쇼케이스

빛 한 줄기에
떠오르는 한 잎.

한 줄기의 자연광, 한 잎의 매크로 초접사. 스크롤하면 같은 잎이 점점 더 깊이 열립니다. 잎맥·물방울·포자, 같은 한 잎의 네 가지 풍경.

↓ 4-stage 시퀀스 보기도입 문의 →
SCROLL TO ZOOM IN · 0%

* 4-stage 매크로 사진 mock · 실제 export 시 자연 사진작가·식물학자 collaboration · 4-stage 시퀀스 §2 · reduced-motion 시 4-stage 정적 사진 fallback (§ethics #3)

한 줄기, 네 번의 깊이

같은 잎을 네 번 더 가까이 봅니다. 스크롤마다 focal distance 가 줄고 macro ratio 가 깊어집니다. 자연광 한 줄기가 같은 잎의 다른 풍경을 차례로 드러냅니다.

01

잎 전체 (Leaf Full)

focal: 0.18m · F2.8
macro ratio: 1:1
scale: 1.00 · DoF blur: 0px

페이지 진입 시 잎 전체 visible · 단일 광원이 잎 곡선을 따라 떨어짐 · 물방울 행렬이 표면 장력으로 정렬 · 가장 cinematic 한 첫 인상 stage.

스크롤 0~28% · DoF 0 · LUX 280
02

잎맥 (Leaf Veins)

focal: 0.06m · F2.8
macro ratio: 2:1
scale: 1.40 · DoF blur: 1.5px

잎의 central vein network 가 edge-on 으로 보임 · fine ridges 가 자연광에 catch · micro-shadow 가 안쪽으로 파고 들어감 · 잎맥은 다른 풍경.

스크롤 28~56% · DoF 1.5px · LUX 220
03

물방울 (Dew Drop)

focal: 0.02m · F4
macro ratio: 3:1
scale: 2.20 · DoF blur: 3.0px

단일 물방울이 정점 · 표면 장력으로 둥글게 · 단일 백색광이 굴절되어 안쪽에 inverted world 가 새겨짐 · 작은 보석 같은 매크로.

스크롤 56~84% · DoF 3.0px · LUX 180
04

포자 (Spore Fronds)

focal: 0.005m · F5.6
macro ratio: 4:1
scale: 3.40 · DoF blur: 5.5px

잎 뒷면 fronds 와 fine hairs 가 backlit 으로 빛남 · deep shadow body 와 glowing fringe 의 abstract organic texture · 가장 깊은 클로즈업 stage · 자연 micro-anatomy 의 정점.

스크롤 84~100% · DoF 5.5px · LUX 140

* 4 stage mock · 실제는 사진 + CSS scale transform · WebGL X · reduced-motion 시 4-stage 정적 사진 (§ethics #3) · focal distance·F-stop·macro ratio 사용자 swap

빛과 깊이의 분해도

한 매크로 frame 이 만들어지는 5 layer 분해. 자연광 source · 잎 표면 반사 · 잎 두께 · 심도 falloff · 포커스 풀. 모두 카메라 한 frame 에서 합산.

5-layer 분해 (stage 2 잎맥 frame)STAGE 2 · LEAF VEINS · LUX 220 · F2.8
01 · COMPOSITE · final macro frame
layer 2-5 합산 결과
02 · NATURAL LIGHT · single shaft warm-white
angle: upper-left · intensity: LUX 220 · warm CCT 2800K
03 · LEAF SURFACE · specular + reflectance
specular highlight 90% on lit vein · matte falloff
04 · LEAF THICKNESS · depth of field
in-focus: 0.5mm range · out-of-focus blur: 1.5px gauss
05 · FOCUS PULL · 마우스 reactive
focus pull animation guide
5 layer composite → final macro frame · CSS only · natural-light optical60fps target · DoF blur 0 ~ 5.5px · rAF · interaction reactive
01

최종 매크로 frame

카메라 한 frame · 자연광·반사·두께·심도·포커스 풀 모두 합산 · 같은 잎의 stage 2 잎맥 frame 이 최종 결과 · 후처리는 색 보정·미세 contrast 만.

02

자연광 한 줄기

단일 warm-white 자연광 source · upper-left 측광 · CCT 2800K warm · LUX 220 · 키아로스쿠로 정체성의 광원 · 인공 softbox·studio strobe·neon RGB 모두 거부.

03

잎 표면 반사

잎 표면 razor-sharp specular highlight + emerald reflectance · 잎맥 정점에서 가장 강한 catch · matte falloff 로 deep shadow 진입 · 무광 leaf material.

04

잎 두께 + 심도

잎 두께 cross-section + DoF in-focus 0.5mm 범위 · out-of-focus 1.5px gauss blur · 매크로 ratio 가 깊을수록 DoF 가 좁아짐 · F2.8 ~ F5.6 변환.

05

포커스 풀 · 마우스 reactive

마우스 위치 따라 focus point shift · §4 인터랙션 명세 · DoF in-focus 영역이 마우스 axis 따라 이동 · 자연광 catch 가 마우스 따라 시각 catch 도 이동.

* 5 layer mock · 실제 export 시 자연 사진작가·식물학자 collaboration · 라이선스에 따라 layer 분해 사진 제공 (§6 Pro / Enterprise)

시선이 잎을 따라

마우스가 어디 있느냐에 따라 같은 잎의 다른 부분이 또렷해집니다. 스크롤은 stage 를 전환합니다. 터치 디바이스는 4-frame 정적 fallback.

인터랙션 시뮬레이션 (stage 2 잎맥)POINTER · WHEEL · TOUCH
POINTER → FOCUS PULL · 마우스를 올려 보세요
01

마우스 위치 따라 포커스 이동

마우스 위치 (clientX · clientY) → focus point coordinate · DoF in-focus 영역이 마우스 axis 따라 즉시 shift · transition 즉시 · cubic-bezier(0.2, 0.8, 0.2, 1) 60ms · 데스크톱·트랙패드만 동작.

instant · 60ms transition · pointer only
02

스크롤 = stage 전환

페이지 scroll 위치 → stage index (0 ~ 3) · 각 stage 별 transform scale + opacity cross-fade · 1400ms cubic-bezier · throttled rAF · scroll-back 시 역방향 zoom · §2 시퀀스 카드 와 동기.

1400ms · cubic-bezier(0.4, 0, 0.2, 1)
03

터치 = 4-frame 정적

터치 디바이스 자동 감지 · pointer 인터랙션 비활성 · 4-stage 사진을 swipe left/right 로 전환 · 매크로 zoom + focus pull 모두 정적 fallback · 모바일 데이터 절약 + 배터리 정직.

4 frame · swipe gesture · throttled

* 인터랙션 mock · 실제 동작은 useState 기반 · WebGL X · CSS transform + opacity only · §motion 1·2 정합 · reduced-motion 활성 시 정적 fallback (§ethics #3)

사진의 신뢰 다섯 가지

쇼케이스 보태니컬 매크로의 product-trust 는 정량 지표가 아닌 신뢰 룰 그 자체. 60fps · 접근성 · 디바이스 · reduced-motion · 라이선스 5 축.

V.059 · TRUST STAMPLEAF VEINS · STAGE 2
맥VEIN
059 · BOTANICAL MACRO CHIAROSCURO · LEAF VEIN ANATOMY
쇼케이스 자연 photography 인장oklch-controlled · natural light category
01

60fps 보장

CSS transform GPU compositor 기반 · WebGL X · throttled rAF · target 60fps · actual framerate 표시 (FPS counter mock) · 저사양 디바이스 자동 fallback · 가짜 60fps 주장 X.

CSS GPU · 60fps target · rAF
02

접근성 alt

매크로 zoom 영역 aria-label 명시 · 4 stage 별 cinematic 4-frame description alt 텍스트 + 식물명·잎 위치 mandatory · 스크린리더 친화 · 키보드 fallback (스페이스바 stage 전환 · 화살표키 focus shift).

4 stage × 식물 alt
03

디바이스 fallback

저사양 디바이스 자동 감지 후 4-stage 정적 사진 swap · 매크로 zoom 비활성 + focus pull 비활성 · 모든 디바이스 최소 정적 fallback 보장 · 모바일 데이터 절약 + 배터리 정직.

자동 감지 · 4-stage 정적
04

reduced-motion 대응

prefers-reduced-motion media query 활성 시 매크로 zoom 정지 + sparkle 정지 + tremor 정지 · 4-stage 정적 사진 + 단일 정적 frame · 광민감성·전정 장애 사용자 친화.

media query · 4-stage 정적
05

라이선스

Embed · Pro · Enterprise 3 단계 · §6 명시 · 사진 자체의 저작권 + 자산 라이선스 분리 · 식물 표본 라이선스 (Enterprise) 별도. 재배포·2차 가공은 별도 협의.

3 단계 · 사진/표본 분리

* 5 신뢰 룰 · 도전자 sample 의 정량 trust 와 다른 카테고리 · 쇼케이스 보태니컬 매크로의 신뢰는 '신뢰 룰' 자체가 trust signal · §showcase track mood-canon 부분 유지 정합

도입 플랜

쇼케이스 라이선스 3 단계 · 단일 페이지 임베드 · 5 페이지 + 식물 분기 · 풀 매크로 소스 + 사진 자산 라이선스. 약정 없음.

Embed

₩290,000
* 1회 라이선스 · 약정 없음
단일 페이지 임베드 · 기본 4 stage · 1 식물 종 고정
  • 단일 페이지 임베드 권한
  • 4-stage 매크로 zoom 기본
  • 1 식물 종 고정 (잎 + 물방울 + 포자)
  • chiaroscuro 자연광 톤
예: 자연 다큐 인트로 단일 페이지 · 화장품 광고 랜딩 · 매거진 자연 피처 단일
도입 문의
recommended

Pro

₩890,000
* 1회 라이선스 + 12개월 유지보수
5 페이지 임베드 · 식물 분기 · 5 stage 확장 가능
  • Embed 전부
  • 5 페이지 임베드 권한
  • 식물 종 분기 (다른 식물 macro 커스텀)
  • 5 stage 확장 가능 (포커스 풀 stage 추가)
  • 포커스 인터랙션 활성
  • 12개월 유지보수
예: 자연 다큐 풀 시리즈 · 화장품 브랜드 풀 캠페인 · 식물원 인포 그래픽 풀 페이지
시작하기

Enterprise

별도 협의
* 라이선스 형태 · 사용 범위 · 식물 표본 라이선스 협의
풀 매크로 소스 + 사진 자산 라이선스 · 무제한 사용
  • Pro 전부
  • 풀 매크로 사진 원본 제공
  • 무제한 페이지 · 도메인
  • 4-6 stage 협의 (사용자 stage 추가)
  • 식물 표본 커스텀 촬영
  • 전담 유지보수
  • 우선 지원 (24h)
예: 미술관 전시 키비주얼 풀 시리즈 · 식물원 인터랙티브 설치 · 출판 자연 도감 풀 라이선스
문의

* 가격 mock · 사용자 swap · 라이선스 옵션 §ethics #6 명시 · 약정 없음 · 환불 정책 §푸터 정책 링크 · 식물 표본 원본은 작가 보유 default · 실제 채취·훼손 X (§ethics #7)

만든 사람과 사용처

만든 사람의 한 마디 + 4 가지 사용 사례 (mock).

만든 사람

우리는 합성하지 않습니다. 실제 한 잎을 매크로 1:1 렌즈 앞에 두고, 단일 자연광 한 줄기가 떨어지기를 기다립니다. 빛이 잎맥을 타고 흐르는 그 짧은 순간, 같은 잎이 네 개의 풍경으로 열립니다. 과장 없이, 잎 한 장의 깊이를 그대로 옮길 뿐입니다.

— 자연 사진작가 · 식물학자 · 시네마틱 매크로 영상가 small team (mock · §ethics #5)

자연 다큐

자연 다큐 인트로

한 줄기 자연광에 떠오르는 잎의 매크로 시퀀스로 다큐멘터리 오프닝을 엽니다. 4-stage zoom 이 도입부 호흡을 만듭니다.

화장품 광고

화장품 브랜드 광고

식물 유래 성분의 진정성을 잎맥·물방울 초접사로 전달. 자연 chiaroscuro 톤이 제품의 자연주의 무드와 맞물립니다.

식물원 인포

식물원 인포 그래픽

식물 micro-anatomy 를 stage 별로 해설. 잎 전체 → 잎맥 → 물방울 → 포자 의 점진 클로즈업이 관람 동선이 됩니다.

미술관 전시

미술관 전시 키비주얼

대형 디스플레이에 단일 광원 매크로를 키비주얼로 투사. reduced-motion·디바이스 fallback 으로 전시 환경에 안정 대응.

* 4 사용처 mock · 실제 다큐·브랜드·식물원·미술관·작가·출판사명 verbatim X · 합성 사례 X · 실 도입 사례는 도입 문의 후 별도 공유 (§ethics #5)

운영 원칙 다섯

접근성 · 디바이스 · 라이선스 · 재사용 · 자연 보호. 쇼케이스 보태니컬 매크로 도메인의 운영 책임.

01

접근성

매크로 zoom aria-label · 4 stage description + 식물명·잎 위치 alt · 스크린리더 친화 · 키보드 fallback (스페이스바·화살표키).

aria-label · 키보드 fallback
02

디바이스

저사양 자동 감지 후 4-stage 정적 사진 swap · 모든 디바이스 최소 정적 fallback 보장 · 모바일 데이터·배터리 정직.

자동 감지 · 정적 fallback
03

라이선스

사진 저작권 + 자산 라이선스 분리 · 3 단계 명시 · 식물 표본 라이선스 (Enterprise) 별도 · 재배포·2차 가공 협의.

3 단계 · 사진/표본 분리
04

재사용 가이드

다른 프로젝트 재사용은 Pro 이상 · 사진 자산만 라이선스 분기 · 클로닝·역공학 X · 디지털 재현 협의. 사진 원본은 작가 보유 default.

재배포 X · 협의 mandatory
05

자연 보호

실제 촬영 시 야생 식물 채취 X · 실내 재배 또는 정원 식물 권장 · 보호종·멸종위기종 X · 환경 책임 + 작품 후 식물 보존.

no wild harvest · 실내 재배 권장

* 5 cell · §ethics 11 항목 중 핵심 5 항목 운영 cell · 자세한 약관은 §푸터 정책 링크 · 자연 보호 cell 은 059 specific (보태니컬 매크로 도메인 정합)

자주 묻는 질문

실제 식물을 매크로 1:1 렌즈로 촬영합니다. 4-stage zoom 시퀀스는 같은 잎의 점진 클로즈업 촬영 후 CSS transform 으로 cross-fade · 디지털 3D render 아님 · WebGL shader 아님 · §showcase track mood-canon 부분 유지 정합.
저사양 디바이스 자동 감지 후 4-stage 정적 사진 swap. 모든 디바이스에서 최소 정적 fallback 보장 · §ethics #2.
매크로 zoom 영역 aria-label 명시 · 4 stage 별 cinematic description + 식물명·잎 위치 alt 텍스트 · 스크린리더 친화 · 키보드 fallback (스페이스바 stage · 화살표키 focus) · §ethics #1.
3 단계: Embed (단일 페이지) · Pro (5 페이지 + 식물 분기) · Enterprise (풀 매크로 소스 + 사진 자산 라이선스). §6 플랜 카드 정합. 약정 없음 · 환불 정책 §푸터.
Enterprise 플랜만 협의 가능. 식물 표본 원본은 default 작가 보유 · 사진 자산만 라이선스 분기. 실제 채취·훼손 X · 야생 보호 정합 · §ethics #7.
Pro 이상 가능 · 잎·물방울·포자 외 다른 식물 종 (꽃·열매·줄기) 커스텀 협의. 단 mood-canon 부분 유지 톤 정합 oklch 통제 · saturated·neon 분기 X · §운영 원칙 5 정합 · 보호종·멸종위기종 X.

* 6 FAQ mock · 추가 문의는 §10 contact form

도입 문의

사용 목적 · 디바이스 타깃 · 예산 · 라이선스 옵션 · 추가 메모. 영업일 1일 내 응답.

도입 문의 후 진행

  1. 영업일 1일 내 응답 (이메일 또는 카톡)
  2. 사용 사례 파악 · 라이선스 협의
  3. 매크로 촬영 + 사진 캡처 (Pro 이상) · 영업일 7-10일
  4. 임베드 가이드 + 사진 자산 전달

* 모든 단계 사용자 문의 후 1:1 진행 · 식물 표본은 라이선스 옵션에 따라 분기 · 실제 채취·훼손 X