vignette/apps/web/design.md

Vignette Web 디자인 결정

전역 디자인의 권위 원본은 ../../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를 제거해 같은 패널의 일반 헤더 위계와 정렬했다. 토큰 변경 없음.