AI 분석
동일한 결제 상세 모달을 라이트와 다크 두 테마로 짝지어 제시한 컴포넌트 시안이다.
희미한 사선 텍스처와 점선 가이드가 깔린 캔버스 위에 둥근 모서리 모달 하나만 올려 컴포넌트 자체로 시선을 모은다. 제목 바와 닫기 버튼, 큰 금액 표시, 라벨과 값이 좌우로 나뉜 정보 목록, 구분선 아래 메모 블록과 첨부파일 행, 하단 액션 아이콘 바가 하나의 수직 흐름을 만든다. 금액은 정수부를 크게 두고 소수부를 작고 흐리게 처리해 위계를 만들며, 라벨은 얇은 선 아이콘과 회색 텍스트로 눌러 값과 대비시킨다. 상태와 계정, 시간대처럼 짧은 값은 알약형 배지로 감싸고 승인 상태에만 초록을 써서 유일한 컬러 강조로 남긴다. 두 테마가 레이아웃과 간격, 타이포를 그대로 유지한 채 표면 명도와 테두리 세기만 바꾸므로 테마 토큰 설계 레퍼런스로 유용하다.
minimal · light-mode · dark-mode · high-contrast
claude-opus-5 · 2026-09-07 18:15 · 신뢰도 0.93
