AI 분석
연동 카드 그리드 위에 상세 사이드 드로어를 겹쳐 목록과 설정을 한 화면에서 다루는 설정 페이지다.
좌측 아이콘 레일과 상단 탭 바가 골격을 이루고, 본문은 3열 연동 카드 그리드이며 우측에서 상세 드로어가 밀려 나와 목록 위를 덮는 구조다. 흰 배경과 연회색 표면에 얇은 테두리와 낮은 라운드를 쓰고, 산세리프 타이포는 카드 제목만 굵게 잡아 대비를 만들며 색은 브랜드 로고와 상태 배지에만 제한적으로 쓴다. 카드마다 토글 스위치, 제공자 로고, 카테고리·단계 배지, 연결 오류와 진행률 배지가 붙고, 드로어에는 미리보기 이미지 캐러셀과 설명 섹션, 개별 연결 항목별 토글 행이 쌓인다. 목록 컨텍스트를 잃지 않고 상세를 다루는 마스터-디테일 패턴과 상태 배지 체계를 참고하기 좋다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 05:21 · 신뢰도 0.93
