feat(web): 캄 벤토 작업 스튜디오 UI 시안 추가

[seongbin9786]

작업 목표

작업 배경

• 시간 기록 화면의 입력 편의성, 차트 가독성, 데스크톱 UI 방향을 비교하는 5개 시안 중 개인 작업 스튜디오 안

기대 효과

• 기록 시작 시 느끼는 인지 부담 감소
• 생산/휴식 균형과 현재 페이스를 부드러운 정보 위계로 확인 가능
• 장시간 사용에 적합한 저자극 화면 방향 검증 가능

달성 방법

• 가벼운 기록 경험 검증을 위해 큰 capture 영역과 비대칭 bento card로 화면 재구성

변경 사항

• cream, sage, coral 기반 Calm Bento 레이아웃 추가
  • 기록 studio, 시간 잔고, 생산 페이스, KPI card 구성
• 생산/소비 segmented control, 활동 preset, 입력 focus 유지 반영
• 빠른 기록 단축키와 화면 내 안내 추가
  • /, Alt+1, Alt+2, Cmd/Ctrl+P
• 차트 빈 상태, tooltip, 목표선, 요약 정보 개선
• TailwindCSS 기반 shadcn-style UI component 추가

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
my-time-waea	Ready	Preview, Comment	Jul 13, 2026 10:26am