AI CHARACTER
AI 캐릭터 화면 — 칼선 가이드
AI가 사진을 캐릭터로 변환하는 화면입니다. 변환 중에는 프로그레스 바, 완료 후에는 결과 이미지가 표시됩니다.
SVG 다운로드
주요 영역
CSS 뷰포트 1280 × 800px 기준입니다. 아래 높이는 위에서 아래로 쌓이는 예산이며, 개별 요소의 절대 좌표가 아니라 그 블록이 차지해도 되는 최대 높이입니다.
| 블록 | 높이 | 누적 y |
|---|---|---|
| Page header | 177px | 0 → 177 |
| AI preview stage | 400px | 177 → 577 |
| Bottom nav reserve | 136px | 577 → 713 |
| 합계 | 713px | 남는 높이 87px (요구 안전 32px) |
| 가로 예산 | 폭 | 여유 |
|---|---|---|
| AI before/after preview width | 800px | 43px |
크롬
- PageTimer: 120 × 120 원형, x=1128 y=64 (
right-8+top-kiosk-chrome-y) - NavBar: y=664, 좌우 인셋 32px (
left-8 right-8+top-kiosk-navbar-y), 하단 예약 136px
16:9(CSS 1280×720 · 물리 1920×1080)에서는 PageTimer y=57.6, NavBar y=624, 하단 예약 96px, 헤더 여백 36px 입니다.