Navigation

Left Sidebar

• Background: stone-50 (#F5F5F4)
• Width: ~240px (collapsible to icon-only)
• Active item: brown-30 (#F8F2F0) tint
• Section labels: caption1Medium uppercase, stone-400

Center Panel

• Background: stone-30 (#FAFAF9)
• Upcoming events, note list, search
• 폴더 뷰에서는 폴더 헤더를 upcoming events/calendar 아래, note item list 위에 둔다.
• 폴더 헤더는 Folder outline icon (lg 20px, strokeWidth=1.75, filled container 없음), title4SemiBold text-stone-800 제목, body2Regular text-stone-500 설명으로 구성한다. 아이콘 색상은 폴더 컬러를 currentColor로 상속하고, 내부는 같은 색상 fillOpacity=0.16으로 옅게 채운다. 설명은 제목 컬럼에 들여쓰지 않고 아이콘/제목 행 아래 전체 폭으로 배치한다.
• 폴더 헤더의 설정 액션은 ghost icon-only Button sm (28×28) 을 사용하고, 기본 색상은 stone-400, hover 색상은 stone-700으로 둔다.

Right Panel — AI Chat

• Background: #FFFFFF
• Greeting: Averia Serif Libre (인앱 세리프 예외)
• Suggestion pills: brown-30 bg, brown-400 text, rounded-full