AI 분석
저축 계좌 모달과 AI 가시성 분석 대시보드를 다크·라이트 두 테마로 보여주는 제품 디자인 릴이다.
고정 사이드바와 상단 브레드크럼 바가 좌우를 나누고 본문은 통계 카드 행, 2열 차트 카드, 전폭 데이터 테이블 순으로 쌓이는 분석 대시보드 구조다. 다크 화면은 검정에 가까운 배경에 얇은 구분선과 주황·초록·파랑 강조색만 남기고, 라이트 화면은 흰 카드와 연회색 배경에 보라·초록·주황 차트 색을 얹어 같은 레이아웃을 두 테마로 대비시킨다. 숫자와 라벨에 모노스페이스 계열을 섞고 스파크라인 통계 카드, 게이지, 순위 표, 눈금형 진행 바, 퍼널 차트, 필터 칩을 촘촘히 배치한다. 첫 장면의 저축 계좌 모달은 큰 금액 타이포와 점선 구분선으로 목표 달성률을 보여주는 카드 패턴을 제시한다. 다크와 라이트를 같은 구조로 설계하는 방법과 고밀도 데이터 화면의 컴포넌트 인벤토리를 참고하기 좋다.
minimal · dark-mode · light-mode · techy · high-contrast
claude-opus-5 · 2026-09-07 18:26 · 신뢰도 0.78