AI 분석
프로필 행을 눌러 펼쳐지는 계정 메뉴에 가상 카드와 라이트·다크 토글이 들어간 컴포넌트다.
화면 중앙에 떠 있는 단일 카드형 패널이 프로필 행을 누르면 아래로 펼쳐지는 단일 칼럼 구조다. 산세리프 굵은 이름과 회색 보조 텍스트가 위계를 만들고, 카드 번호와 유효기간에는 모노스페이스 서체를 써서 실물 카드의 질감을 흉내 낸다. 상단에는 아바타와 인증 배지가 붙은 헤더, 그 아래 그라데이션 결제 카드, 세그먼트형 라이트·다크 토글, 아이콘이 달린 메뉴 항목 목록과 강조색 업그레이드 배지, 붉은 로그아웃 행이 순서대로 놓인다. 마우스를 올린 항목에 은은한 배경이 채워지고 토글을 누르면 카드와 패널 전체가 검정에서 흰색·하늘색으로 부드럽게 전환된다. 다크·라이트 두 테마를 같은 컴포넌트로 설계할 때의 표면 단계와 상태 표현을 확인하기 좋은 레퍼런스다.
minimal · dark-mode · light-mode · techy · soft-gradient
claude-opus-5 · 2026-09-22 07:41 · 신뢰도 0.82
