AI 분석
shadcn 스타일 메일 앱을 모바일 화면에 맞춰 드로어와 바텀시트로 재구성한 반응형 UI다.
좁은 폰 폭에 맞춰 단일 칼럼 메일 목록을 두고, 상단에 아이콘 버튼만 남긴 툴바와 All/Unread 세그먼트 토글, 검색 필드를 차례로 쌓는다. 흰 배경에 회색 뉴트럴과 검은 강조색만 쓰는 라이트 모드 팔레트이며, 굵은 산세리프 제목과 흐린 본문 미리보기로 위계를 만들고 태그는 알약형 배지로 표시한다. 좌측 메뉴는 폴더별 카운트가 붙은 오버레이 드로어로 열리고, 메일을 누르면 손잡이 바가 달린 바텀시트가 올라와 액션 아이콘 줄, 발신자 헤더, 본문, 하단 고정 답장 입력과 전송 버튼을 보여준다. 데스크톱 다중 패널 레이아웃을 모바일 오버레이 패턴으로 옮기는 반응형 대응의 참고로 쓸 만하다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-07 21:46 · 신뢰도 0.86
