AI 분석
브라우저 창 우상단 아바타에서 열리는 계정 드롭다운 메뉴를 기본 상태와 호버 상태로 나란히 배치한 컴포넌트 시안이다.
흐릿하게 처리된 앱 배경 위에 계정 드롭다운 메뉴만 선명하게 띄운 구성을 좌우로 두 벌 나열해 상태 차이를 비교한다. 메뉴는 흰 배경에 얕은 그림자와 둥근 모서리를 쓰고, 계정 헤더·설정 항목군·업그레이드 및 추천 항목군·지원 항목군·계정 전환 항목군을 얇은 구분선으로 끊어 정리한다. 각 행은 왼쪽 라인 아이콘, 중간 라벨, 오른쪽 단축키 배지 또는 외부 링크 아이콘의 3열 정렬을 지키며 상태 배지와 프로모션 배지에만 초록·파랑 강조색을 한 곳씩 쓴다. 왼쪽 시안은 왼쪽으로 펼쳐진 스페이스 전환 하위 메뉴를, 오른쪽 시안은 항목 호버와 포커스 링을 보여준다. 아바타와 스페이스 아이콘에만 채도 높은 그라데이션을 써서 무채색 목록 안에서 시선을 잡는 방식이 참고할 만하다.
minimal · light-mode · soft-gradient
claude-opus-5 · 2026-09-07 05:55 · 신뢰도 0.93
