AI 분석
고밀도 연락처 표 위에 필터 모달을 띄운 화면을 라이트·다크 두 모드로 보여준다.
브라우저 창을 모의한 카드 안에 상단 툴바와 전체 폭 데이터 테이블을 배치하고, 그 위에 필터 모달을 띄운 구성이다. 산세리프 본문에 회색 계열 뉴트럴을 넓게 쓰고 테라코타 주황 강조색을 체크박스와 주요 버튼, 활성 필터 칩에만 좁게 적용해 시선을 모은다. 검색 바, 필터 카운트 배지, 정렬 아이콘 버튼, 다중 선택 토큰 필드, 드롭다운, 리셋·취소·적용으로 나뉜 모달 푸터가 핵심 컴포넌트다. 같은 화면을 라이트와 다크로 나란히 제시해 표면 위계와 강조색 유지 방식을 비교할 수 있어 다크 모드 토큰 설계 참고로 유용하다.
minimal · light-mode · dark-mode · corporate
claude-opus-5 · 2026-09-08 00:56 · 신뢰도 0.93
