AI 분석
작업 명세서 카드 안에서 서명을 그리고 내보내고 확정하는 흐름을 보여 주는 서명 패드 컴포넌트다.
어두운 그라데이션 배경 위에 브라우저 창 목업을 두고, 그 안 중앙에 둥근 모서리의 문서 카드를 배치한다. 카드는 제목·부제와 상태 배지, 점선 기준선이 있는 서명 캔버스, 잉크 색·선 스타일·실행 취소·다시 실행·재생·지우기·다운로드 아이콘 툴바, 회색 푸터의 검정 확정 버튼 순으로 쌓인다. 흰 바탕에 검정 잉크와 파란 잉크 선택이 대비되고, 상단의 큰 산세리프 제목과 반투명 알약형 캡션이 단계별 기능을 소개한다. 서명 입력 시 확정 버튼이 비활성 회색에서 검정으로 바뀌고, 다운로드 버튼은 PNG·SVG 드롭다운을 열며, 확정 후 상태 배지가 초록 서명 완료 배지와 체크 아이콘 타임스탬프로 바뀐다. 전자 서명 입력 UI의 상태 전환과 툴바 구성을 설계할 때 참고하기 좋다.
minimal · light-mode
claude-opus-5-5 · 2026-10-16 05:53 · 신뢰도 0.80
