AI 분석
아이콘과 라벨이 들어간 버튼의 좌우 여백을 수치가 아닌 시각 균형 기준으로 맞추는 과정을 담은 화면 녹화다.
회색 캔버스 위에 단일 프레임 하나만 놓고 오른쪽 다크 속성 패널과 하단 플로팅 툴바가 감싸는 도구 화면 구성이다. 화면 자체는 흰 배경, 검정 산세리프 라벨, 파란 선택 핸들과 빨간 치수 라벨만 쓰는 극단적 모노크롬이며 색은 정보 전달용으로만 쓰인다. 오토 레이아웃 패딩 12과 간격 4에서 출발해 24픽셀 플러스 아이콘과 16픽셀 라벨을 배치한 뒤, 측정 도구로 좌측 16.17과 우측 12.17처럼 어긋난 실제 광학 간격을 드러내고 값을 조정해 최종적으로 완전 라운드 pill 버튼을 완성한다. 아이콘의 시각 무게 때문에 동일한 수치 패딩이 균형으로 보이지 않는다는 점을 단계별 치수와 함께 보여줘 버튼 컴포넌트 스펙을 정의할 때 참고하기 좋다.
minimal · monochrome · light-mode
claude-opus-5 · 2026-09-07 12:12 · 신뢰도 0.80
