AI LETTER
AI 편지 화면 — 칼선 가이드
AI가 감성 문장을 생성하는 4단계 인터뷰 화면입니다. 배지/부제목/제목 구성의 타이틀과 옵션 카드가 배치됩니다.
SVG 다운로드
주요 영역
CSS 뷰포트 1280 × 800px 기준입니다. 아래 높이는 위에서 아래로 쌓이는 예산이며, 개별 요소의 절대 좌표가 아니라 그 블록이 차지해도 되는 최대 높이입니다.
| 블록 | 높이 | 누적 y |
|---|---|---|
| Page header | 177px | 0 → 177 |
| Letter choices and preview | 414px | 177 → 591 |
| Bottom breathing room | 43px | 591 → 634 |
| 합계 | 634px | 남는 높이 166px (요구 안전 32px) |
| 가로 예산 | 폭 | 여유 |
|---|---|---|
| Letter editor width | 736px | 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 입니다.