📖 momstory · 화면 UI 목업
부모목소리 동화책 앱 · 전 화면 정적 HTML/CSS 목업 (모바일 390×844).
근거:
CLAUDE.md §6 화면 ID 맵
·
Docs/07_SCREENS_FLOW.md
·
Docs/13_DESIGN_TOKENS.md §11 "따뜻한 손글씨 그림책"(2026-07-01)
. 디자인 토큰은
tokens.css
에 CSS 변수로 통일.
디자인 토큰 팔레트
cream
#FDEFE6
apricot
#EE9E84
sky
#A9D2E6
ink
#5A4A42
ink_soft
#9C8E82
divider
#EFE4D9
낮/놀이
#FCE0C9
잠자리
#DDE3F7
차량
#D3EEDD
평상시
#F8DCE0
완료
#7BC47F
warn
#D98E5F
야간bg
#221C30
야간accent
#D99A86
S-01 홈
· home
열기 ↗
S-02 온보딩
· onboarding
열기 ↗
S-03 부모목소리 녹음
· voice_record
열기 ↗
S-04 책 스캔
· scan
열기 ↗
S-04b 직접 입력
· manual_input
열기 ↗
S-05 OCR 검토
· ocr_review
열기 ↗
S-06 플레이어
· player (잠자리)
열기 ↗
S-07 서재
· library
열기 ↗
S-08 월드
· world
열기 ↗
S-09 책 상세
· book_detail
열기 ↗