AI 분석
텍스트 영역 컴포넌트의 여섯 가지 상태를 라이트와 다크 모드로 나란히 정리한 스펙 시트다.
세로로 긴 단일 칼럼에 동일한 텍스트 영역 컴포넌트를 여섯 번 반복해 기본, 입력됨, 채워진 배경, 포커스, 오류, 비활성 상태를 순서대로 보여준다. 라벨과 필수 표시 별표, 정보 아이콘, 괄호 서브라벨, 하단 헬퍼 텍스트, 우하단 글자수 카운터와 리사이즈 핸들까지 한 세트로 묶여 슬롯 구조가 명확하게 드러난다. 라이트 버전은 흰 배경에 연한 회색 테두리와 옅은 회색 채움을, 다크 버전은 짙은 잉크색 배경에 낮은 대비의 테두리를 쓰며 두 모드 모두 오류 상태에만 크림슨 계열 강조색을 테두리와 헬퍼 텍스트에 동시에 적용한다. 상태별 차이를 테두리 두께와 배경 명도만으로 구분해 과한 장식 없이 토큰을 대응시킨 방식이라 폼 컴포넌트의 상태 스펙과 라이트·다크 페어링을 설계할 때 참고하기 좋다.
minimal · dark-mode · light-mode · high-contrast
claude-opus-5 · 2026-09-07 22:43 · 신뢰도 0.92
