AI LETTER
AI 편지 화면 — 칼선 가이드
AI가 감성 문장을 생성하는 4단계 인터뷰 화면입니다. 배지/부제목/제목 구성의 타이틀과 옵션 카드가 배치됩니다.
SVG 다운로드
주요 영역
- PageTimer: 원형 128×128 (300s 커스텀 타이머)
- 타이틀 영역: h=140 (py=48 + 배지 + 부제목 + 제목)
- 배지: bg-gray-100 rounded-full, text-sm
- h1: text-2xl text-gray-500 / h2: text-5xl font-bold
- 콘텐츠: px=32px
- Step 1~3: 옵션 버튼 150×150 rounded-[50px], gap=40px
- 프로그레스 바: w=64(active)/w=16(inactive), h=8px
- Step 4: grid-cols-2, max-w=1100px, 문장 선택 버튼
- 자체 버튼바: absolute bottom=24 w=full px=24 (HomeButton 없음)