AI 분석
개인 재무 앱의 카드형 UI 다섯 개가 흐림에서 선명해지며 데이터가 채워지는 모션 쇼케이스다.
연회색 타일 다섯 개를 2단 벤토 그리드로 배치하고 각 타일 안에 흰색 카드 UI를 하나씩 놓았다. 중립적인 산세리프 서체와 흰색·연회색 바탕 위에 블루와 오렌지 두 강조색만 써서 수입·지출, 이번 달·지난달 같은 대비를 구분한다. 목표 설정 빈 상태, 이번 달과 지난달을 비교하는 라인 차트와 툴팁, 검색으로 은행 계정을 연결하는 모달, 목표 대비 진행 바가 있는 예산 카드, 자산 비중 막대와 CSV 다운로드 버튼이 등장한다. 블러가 걷히면서 차트 선이 그려지고 숫자와 막대가 차오르며 리스트 항목이 순차로 나타나는 진입 모션이 핵심이다. 핀테크 대시보드 컴포넌트 구성과 데이터 로딩 애니메이션 연출을 함께 참고하기 좋다.
minimal · light-mode · corporate
claude-opus-5-5 · 2026-10-16 07:50 · 신뢰도 0.75
