입력 페이지 디자인

사용자가 간단하게 생년월일 정보를 입력하고 결과 페이지로 자연스럽게 유도하기

1. 디자인 컨셉

• 온보딩 페이지와 동일한 디자인 시스템 유지
• 미니멀하고 직관적인 입력 UX
• 부담 없이 빠르게 입력 가능한 구조
• 여백 중심 깔끔한 UI

2. 입력 페이지 프롬프트

기존 온보딩 페이지 디자인 시스템을 유지하면서, 입력 페이지 UI를 디자인해줘.
온보딩에서 시작하기 버튼을 누르면 입력페이지가 나옴

[기준]

- 기존 디자인 파운데이션 (Typography, Color, Layout, Component) 그대로 유지
- 동일한 컬러 팔레트와 Pretendard 폰트 사용
- 동일한 여백, 버튼 스타일 유지

[페이지 목적]

1. 필수 요소 : 사용자가 생년월일 정보를 입력
2. 선택: 태어난 시간 select 로 선택 
태어난 시간을 모르면 모른다고 선택할 수 있는 checkbox 추가
checkbox를 체크하면 select를 입력 안해도 되는 구조

[구성 요소]

1. 상단
- 간단한 안내 텍스트
→ “당신의 기운을 알려주세요”

*2. 입력 영역*
- 생년월일 입력 필드 (3단 입력)
- 태어난 시간 선택 (선택 옵션)
- 입력 UI는 깔끔하고 직관적으로

3. UX
- 입력 필드는 카드 형태 또는 미니멀한 박스 형태
- 너무 복잡하지 않게, 한눈에 이해 가능하게

4. 하단
- “결과 보기” 버튼 (기존 CTA 스타일 유지)
- 버튼은 하단에 배치

[디자인 방향]

- 온보딩 페이지와 동일한 감성 유지
- 따뜻하고 미니멀한 UI
- 여백 중심 레이아웃
- 모바일 환경 최적화

전체적으로 "자연스럽게 이어지는 다음 화면"처럼 디자인해줘.

생성 결과

첫번째 디자인

생년월일 모바일에서 선택하기 불편해 보여서 새롭게 변경

→ YYYYMMDD 형식으로 변경