AI 분석
결제 카드와 메뉴 목록을 담은 계정 드롭다운 패널을 라이트와 다크 두 모드로 제시한 컴포넌트다.
넉넉한 여백 위에 떠 있는 단일 카드형 오버레이 패널이 프로필 헤더, 결제 카드, 모드 토글, 메뉴 목록, 제품 푸터의 다섯 구역으로 수평 구분선에 의해 나뉜다. 산세리프 본문과 모노스페이스 카드 번호가 대비를 이루고, 라이트 모드는 흰 배경에 하늘색 그라데이션 카드를, 다크 모드는 거의 검은 배경에 어두운 회색 카드를 써서 같은 구조의 명도만 뒤집는다. 세그먼티드 컨트롤 형태의 모드 토글, 선형 아이콘이 붙은 메뉴 행, 노란색 업그레이드 배지, 붉은색 로그아웃 항목이 위계를 만든다. 동일 컴포넌트의 두 테마를 나란히 두어 토큰 기반 다크 모드 대응과 강조색 유지 방식을 살피기 좋은 레퍼런스다.
minimal · light-mode · dark-mode · high-contrast
claude-opus-5 · 2026-09-22 07:28 · 신뢰도 0.93
