탐색Component템플릿 선택 다이얼로그 — 사이드바·검색·고정 푸터←→ 이전 · 다음 이미지

1 / 3

다이얼로그 왼쪽 절반을 확대한 화면이다. 제목과 보조 설명 아래로 카테고리 목록이 세로로 놓이고, 각 항목은 파스텔 배경의 라운드 아이콘 타일과 굵은 제목, 회색 부제로 구성된다. 선택 항목은 옅은 회색 배경으로 강조된다.

Component

템플릿 선택 다이얼로그 — 사이드바·검색·고정 푸터

2026-09-02 · 이미지 3

X에서 보기

AI 분석

카테고리 사이드바와 검색, 고정 푸터를 갖춘 라이트 모드 선택 다이얼로그다.

좌측 카테고리 사이드바와 우측 결과 리스트로 나뉜 2단 오버레이 다이얼로그다. 흰 패널이 라벤더와 웜그레이가 섞인 옅은 그라데이션 배경 위에 큰 라운드와 부드러운 그림자로 떠 있고, 헤더에 굵은 제목과 회색 보조 설명, 그 아래 전폭 검색 입력이 놓인다. 리스트 항목은 사진 썸네일, 굵은 제목, 두 줄 설명, 파스텔 배경의 소형 배지로 구성되며 사이드바 항목은 라운드 컬러 아이콘 타일과 부제를 함께 쓴다. 하단에는 상태 텍스트와 함께 외곽선 보조 버튼과 검정 기본 버튼을 배치한 고정 푸터가 있어 목록을 스크롤해도 액션이 유지된다. 검색·필터·선택을 한 화면에 담는 선택형 다이얼로그의 밀도 조절과 영역 분리 참고로 유용하다.

minimal · light-mode · soft-gradient

badge button card design-system iconography light-mode minimal modal overlay-panel productivity saas search-bar sidebar

claude-opus-5 · 2026-09-07 18:22 · 신뢰도 0.85