AI 분석
세그먼트·분할·아이콘 버튼 그룹을 두 사이즈로 나란히 정리한 컴포넌트 스펙 시트다.
밝은 캔버스 위에 둥근 모서리 카드를 얹고 그 안을 좌우 두 칼럼으로 나눠 왼쪽에 MD, 오른쪽에 SM 사이즈를 같은 순서로 대조한다. 배경은 거의 흰색에 가까운 뉴트럴이고 도트 그리드와 점선 가이드가 깔려 스펙 문서라는 맥락을 드러내며, 라벨은 자간을 넓힌 대문자 소형 텍스트, 버튼 라벨은 중간 굵기 산세리프로 처리해 위계를 낮게 유지한다. 구성 요소는 활성 세그먼트를 옅은 회색 채움으로 표시한 세그먼티드 컨트롤, 카운트가 붙은 다운로드 버튼, 좌우 화살표 페이저, 드롭다운이 결합된 분할 Export 버튼, 선형 아이콘 5개 툴바, 아이콘이 붙은 Share 버튼, 뷰 전환 아이콘 토글로 이어지며 커서 포인터로 hover와 선택 상태를 함께 보여준다. 그룹 내부 구분선, 얕은 그림자, 라운드 반경이 사이즈별로 어떻게 축소되는지 한 화면에서 비교되어 디자인 시스템의 버튼 그룹 규격을 잡을 때 참고하기 좋다.
minimal · light-mode · monochrome · techy
claude-opus-5 · 2026-09-07 23:16 · 신뢰도 0.93
