AI 분석
다크 캔버스 위에 레이어 이름 인라인 편집의 세 단계 상태를 나란히 정리한 인터랙션 스펙 보드다.
점선 가이드가 깔린 어두운 캔버스 위에 세로 구분선으로 나뉜 3열 스펙 보드가 놓인다. 제목은 밝은 회색 산세리프로 크게 두고 열 머리말과 하단 설명은 자간을 넓힌 모노스페이스 대문자로 작게 처리해 위계를 만든다. 각 열 가운데에는 같은 레이어 행 컴포넌트가 놓여 호버 시 옅은 배경 채움, 더블클릭 시 이름 전체 선택과 텍스트 커서, 선택 후 단일 클릭 시 밝은 테두리와 캐럿이 생기는 변화를 한 장에서 비교하게 한다. 색은 거의 무채색만 쓰고 상태 차이를 배경 명도와 1px 테두리로만 표현한다. 컴포넌트 상태를 문서화하는 스펙 시트 형식과 어두운 편집기 UI의 미세한 상태 표현 참고로 유용하다.
minimal · dark-mode · monochrome · techy
claude-opus-5 · 2026-09-07 18:23 · 신뢰도 0.92
