vignette/apps/web/design.md
2026-08-29 16:37:10 +09:00

17 lines
1.7 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Vignette Web 디자인 결정
전역 디자인의 권위 원본은 [`../../docs/DESIGN_CONCEPT.md`](../../docs/DESIGN_CONCEPT.md)다.
이 문서는 `apps/web`에서 이번 변경이 선택한 국소 결정만 기록하며, 색·타이포·간격·radius 토큰을 재정의하지 않는다.
## 2026-08-27 개선관리 반영
- 관리자 프로토콜 관리는 새 독립 화면이 아니라 기존 `/admin/access`의 접근 관리 흐름 안에 둔다.
- 기존 관리자 카드·탭·입력·상태 표면을 재사용하고, 새 색·글꼴·장식 모션은 추가하지 않는다.
- 프로토콜 등록·활성화·퇴역 조작은 키보드로 접근할 수 있고 독립 컨트롤은 최소 44×44px을 유지한다.
- 학습자 AI 피드백이 꺼진 회기 리뷰는 AI 파생 카드를 마운트하지 않는다. 축어록, 학습자 입력, 동의·철회·삭제·원음 재생 같은 개인정보 권리 표면은 기존 위계와 위치를 유지한다.
- 320px과 모바일 프로젝트에서도 문서 가로 넘침이 없어야 하며, 오류·재시도 상태는 기존 관리자/리뷰 알림 패턴을 따른다.
국소 구현 소유자는 `src/pages/Admin.tsx`, `src/pages/admin/admin-console.css`, `src/pages/SessionReview.tsx`, `src/pages/session-review/`다. 공통 토큰과 앱 셸은 각각 `src/styles/tokens.css`, `src/components/shell/`의 소유권을 유지한다.
- 2026-08-28 · `/learn` 성장 지표의 라포 헤더에서 중첩 inset surface를 제거해 같은 패널의 일반 헤더 위계와 정렬했다. 토큰 변경 없음.
- 2026-08-29 · `/teach` 검토 큐와 교수자 요약 카드를 `--sp-3` 간격으로 분리해 두 표면의 위계를 복원했다. 토큰 변경 없음.