AI 분석
좌측 사이드바, 3열 연동 카드 그리드, 우측 상세 패널로 구성한 라이트 톤 SaaS 연동 관리 화면이다.
좌측 사이드바 내비게이션, 중앙의 3열 연동 카드 그리드, 우측의 선택 항목 상세 패널이 3단 구조를 이룬다. 흰 배경에 옅은 라벤더 톤을 깔고 바이올렛 한 가지를 강조색으로 써서 활성 메뉴, 선택 탭, 주요 버튼을 표시한다. 각 카드는 앱 아이콘, 짧은 설명, 연결됨·사용 가능 상태 배지, 기능 태그 칩으로 구성되고, 상단에는 카테고리 필터 탭과 검색 바, 하단에는 페이지네이션이 놓인다. 상세 패널은 미리보기 썸네일, 연결 정보 키-값 목록, 실행 가능한 액션 리스트, 전체 폭 해제 버튼을 차례로 쌓는다. 마켓플레이스형 연동 목록과 마스터-디테일 패턴을 함께 설계할 때 참고하기 좋다.
light-mode · minimal · soft-gradient · corporate
claude-opus-5-5 · 2026-09-29 15:39 · 신뢰도 0.93
