사주 오행으로 오늘의 메뉴를 추천하고, 마실 술에 맞는 안주까지 이어주는 모바일 앱 시안입니다. 화면 플로우 16종과 디자인 시스템 5종을 담았습니다.
2026. 08. 29 · v3 안주 페어링 · 404 · 오프라인 시안 포함 · 이미지를 누르면 크게 볼 수 있어요
화면 플로우
스플래시부터 오프라인 화면까지 16장
00스플래시로고 · 워드마크 · 태그라인 — 앱 첫 화면과 로딩을 잇는 브랜드 화면01온보딩서비스 소개와 시작 화면01b온보딩 · 설치 배너브라우저 접속 시 하단 띠배너로 앱 설치 유도01c설치 가이드 · iOS 시트공유 → 홈 화면에 추가를 단계로 안내02정보 입력생년월일과 태어난 시간 입력03오늘의 추천오늘의 기운 요약과 추천 메뉴04사주 풀이만세력 오행 기반 오늘의 풀이05안주 진입추천 화면에서 안주 모드로 진입06술 선택오늘 마실 술 고르기07안주 추천 결과술과 기운에 맞춘 안주 페어링08웹 404사라진 주소 — 끊긴 경로 표시와 오늘의 추천으로 돌아가는 길09웹 404 · 나이트어두운 환경에서 눈이 부시지 않도록 안주 모드 팔레트로10웹 오프라인서비스워커 폴백 — 다시 시도 · 홈으로 + 연결 점검 안내11웹 오프라인 · 나이트같은 구조를 나이트 팔레트로 옮긴 화면12앱 오프라인웹뷰 내장 에러 페이지를 대신하는 화면 — 연결되면 자동 복귀13앱 오프라인 · 나이트안주 모드에서 끊겼을 때를 위해 갖춰 둔 한 벌
디자인 시스템
화면을 떠받치는 토큰과 컴포넌트
Colors크림 그라운드 · 테라코타 포인트 + 안주 모드 나이트 팔레트TypographyNoto Sans KR 기반 타입 스케일Components버튼 · 인풋 · 토글 · 뱃지Components · Night안주 모드(coal + amber) 전용 컴포넌트Spacing · Radius · Shadow간격 · 라운드 · 그림자 토큰