AI 분석
프로필 헤더를 누르면 결제 카드와 메뉴가 펼쳐지는 드롭다운 컴포넌트다.
접힌 상태에서는 아바타와 이름, 역할을 한 줄로 보여주는 알약형 바이며 클릭하면 아래로 펼쳐지는 단일 칼럼 패널이 된다. 상단에는 결제 카드 비주얼이, 중간에는 라이트·다크 모드 세그먼트 토글이, 하단에는 아이콘이 붙은 메뉴 항목과 업그레이드 배지, 빨간 로그아웃 항목이 구획선으로 나뉘어 배치된다. 다크 모드에서는 거의 검정에 가까운 표면과 얇은 테두리, 무채색 카드 그라데이션을 쓰고 라이트 모드로 전환하면 흰 표면과 연한 하늘색 카드로 동시에 바뀐다. 펼침 높이 애니메이션과 테마 전환이 함께 연출되어 계정 메뉴의 구조와 모션을 함께 참고하기 좋다.
minimal · dark-mode · high-contrast · techy
claude-opus-5 · 2026-09-22 07:41 · 신뢰도 0.82
