feat(app): atmosphere entry shell 고급화
This commit is contained in:
@@ -14,6 +14,10 @@ Last Updated: 2026-03-16
|
||||
- atmosphere는 `scene + sound`가 함께 묶인 선택 단위로 동작하며, 선택한 atmosphere가 `/app` 배경과 `/space` start payload에 같이 반영된다
|
||||
- custom duration server contract 전까지는 입력한 분 값을 가장 가까운 기본 리듬(`25/5`, `50/10`, `90/20`)으로 매핑한다
|
||||
- weekly review entry는 main CTA를 먹지 않도록 no-session shell의 quiet secondary dock 위치로 이동했다
|
||||
- `/app` Atmosphere Entry Shell visual premium polish:
|
||||
- no-session shell을 `decision rail + selected atmosphere stage + curated atmosphere library` 구조로 다시 짰다
|
||||
- 좌측은 입력과 시작 결정을 담당하고, 우측은 선택한 atmosphere의 immersive preview를 크게 보여준다
|
||||
- review entry는 start stage 아래 quiet dock로 내려 main CTA와 경쟁하지 않게 정리했다
|
||||
|
||||
- current session direct start 차단:
|
||||
- silent abandon을 막기 위해 server `startSession()`은 current session 존재 시 direct start를 거절한다
|
||||
|
||||
@@ -7,6 +7,7 @@ Last Updated: 2026-03-16
|
||||
현재 상태:
|
||||
|
||||
- `Slice 1` no-session shell 구현 완료
|
||||
- `Slice 1-2` visual premium polish 구현 완료
|
||||
- `Custom Duration Contract`와 `Weekly Review Dock Reposition`은 다음 slice로 남아 있음
|
||||
|
||||
핵심 정책 변경:
|
||||
@@ -151,6 +152,8 @@ Last Updated: 2026-03-16
|
||||
- goal input
|
||||
- duration input
|
||||
- start CTA
|
||||
- editorial copy block
|
||||
- selected atmosphere large preview stage
|
||||
|
||||
### Layer 3. Atmosphere Grid
|
||||
|
||||
@@ -161,6 +164,21 @@ Last Updated: 2026-03-16
|
||||
핵심은
|
||||
**review / archive / history가 main stage를 먹지 않고, atmosphere grid도 secondary decoration이 아니라 실제 선택 surface로 작동해야 한다**는 점이다.
|
||||
|
||||
### 현재 visual shell 원칙
|
||||
|
||||
- left: decision rail
|
||||
- 큰 제목
|
||||
- goal / duration input
|
||||
- selected atmosphere summary
|
||||
- primary CTA
|
||||
- quiet review dock
|
||||
- right: selected atmosphere stage
|
||||
- immersive preview
|
||||
- sound / scene / best-for meta
|
||||
- bottom: curated atmosphere library
|
||||
- 4열 grid
|
||||
- selected state가 즉시 읽혀야 함
|
||||
|
||||
---
|
||||
|
||||
## 6. 화면 구성
|
||||
|
||||
@@ -32,6 +32,10 @@ Last Updated: 2026-03-16
|
||||
- 선택한 atmosphere는 `/app` 배경 preview와 `/space` start payload의 `scene/sound`에 같이 반영된다.
|
||||
- duration은 우선 가장 가까운 기본 리듬으로 매핑하는 임시 계약을 사용한다.
|
||||
- weekly review entry는 right-side quiet dock 위치로 옮겨 main CTA보다 낮은 위계를 유지한다.
|
||||
- `/app` Atmosphere Entry Shell visual premium polish를 반영했다.
|
||||
- utility card 묶음 대신 `decision rail + selected atmosphere stage + curated library` 구조로 재구성했다.
|
||||
- 좌측은 입력과 결심, 우측은 immersive preview, 하단은 12개 atmosphere library로 위계를 고정했다.
|
||||
- review entry는 start stage 아래의 quiet dock로 낮춰 main CTA와 경쟁하지 않게 정리했다.
|
||||
- `/app`은 이제 session gate를 보여주지 않는다.
|
||||
- current session이 있으면 상태와 상관없이 즉시 `/space`로 이동한다.
|
||||
- 따라서 paused resume gate와 takeover sheet는 current UX가 아니다.
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
- goal + duration + selected atmosphere가 start surface 안에서 명확히 읽힌다
|
||||
- 12개 dummy atmosphere가 4열 그리드로 배치된다
|
||||
- 진행 상태:
|
||||
- 구현 완료, browser QA 대기
|
||||
- 구현 완료, visual premium polish 반영, browser QA 대기
|
||||
- 검증:
|
||||
- `/app` no-session browser QA
|
||||
- 커밋 힌트:
|
||||
|
||||
Reference in New Issue
Block a user