AI 분석
연동 카드 그리드에서 오른쪽 드로어로 연동 상세와 설정 토글을 여는 다크 모드 설정 화면이다.
왼쪽 아이콘 사이드바와 상단 설정 탭 아래에 3열 연동 카드 그리드가 놓이고, 카드를 누르면 오른쪽에서 크기 조절 가능한 드로어가 열린다. 거의 검정에 가까운 배경에 회색 텍스트와 얇은 테두리를 쓰고, 초록 상태 배지와 주황 업그레이드 배지, 흰색 기본 버튼만 강조색으로 둔다. 드로어에는 브레드크럼, 확장·링크·닫기 아이콘 버튼, 그라데이션 미리보기 캐러셀, 개요 텍스트, 상태 배지가 붙은 토글 행이 이어지고, 설정 버튼은 진행 바와 체크 단계 목록이 있는 4단계 모달을 띄운다. 토글 변경 시 배지가 연결됨으로 바뀌고 하단 토스트가 뜨는 등 상태 피드백이 세밀하다. 연동 마켓플레이스나 설정 패널의 드로어 정보 구조와 마이크로 인터랙션 참고로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 18:16 · 신뢰도 0.75
