AI 분석
거래 기록을 한 장의 카드 리스트로 묶고 결과 필터로 즉시 추려내는 라이트 모드 UI 요소다.
옅은 회색 배경 위에 흰 카드 하나가 떠 있고 그 안이 헤더, 필터 바, 거래 행 리스트, 하단 날짜 페이지네이션의 네 층으로 나뉜 단일 칼럼 구조다. 제목과 본문은 산세리프, 날짜·세션·계약 수 같은 메타 정보는 대문자 모노스페이스로 처리해 밀도를 낮추면서 데이터 느낌을 준다. 색은 거의 무채색으로 묶고 주황 한 가지를 기본 액션과 선택 상태에, 초록과 빨강을 손익 수치·스파크라인·방향 배지에만 써서 스캔 지점을 명확히 한다. 각 행은 체크박스, 종목명, 미니 라인 차트, 손익, 메모, 태그 칩, 연보라 수량 배지가 한 줄 흐름으로 이어지고 드롭다운으로 승패를 고르면 행이 사라지며 카드 높이가 부드럽게 줄어든다. 리스트 밀도, 배지 위계, 필터 전환 모션을 함께 볼 수 있어 데이터 기록형 화면의 참고로 쓸 만하다.
minimal · light-mode · editorial
claude-opus-5 · 2026-09-07 18:17 · 신뢰도 0.85
