AI 분석
라이트 모드 SaaS 제품의 필·상태 배지·세그먼트 컨트롤·툴바 버튼을 모아 보여주는 컴포넌트 시트다.
네 장 모두 배경 없이 컴포넌트만 화면 중앙에 계단식으로 배치한 컴포넌트 시트다. 밝은 오프화이트 배경 위에 크게 둥근 사각형 컨테이너를 올리고, 파스텔 톤 배경과 같은 계열의 진한 텍스트·아이콘을 짝지어 의미별 색 코드를 만든다. 메타데이터 필, 상태 배지, 선택 상태를 흰 캡슐과 얕은 그림자로 표현한 세그먼트 컨트롤, 폰트·크기 드롭다운과 굵게·기울임 같은 서식 토글을 묶은 분할 툴바, 파란 주요 버튼과 저채도 보조 버튼이 구성 요소다. 색으로 상태와 범주를 구분하는 배지 체계와 세그먼트 컨트롤의 선택 표현을 그대로 참고하기 좋다.
minimal · light-mode · pastel · playful
claude-opus-5 · 2026-09-07 17:42 · 신뢰도 0.93
