AI 분석
여백과 들여쓰기만으로 5단계 계층을 표현한 설정 트리 컴포넌트다.
밝은 회색 배경 위에 단일 칼럼 트리가 중앙에 놓이고, 단계마다 일정한 들여쓰기 간격으로 계층이 쌓인다. 산세리프 한 종류만 쓰면서 상위 단계는 회색 저채도, 최하위 잎 항목은 진한 검정으로 명도 대비만 조절해 깊이를 구분한다. 각 노드 왼쪽에는 접힘·펼침을 나타내는 얇은 셰브런 아이콘이 붙고, 선택된 항목만 연한 파랑 라운드 바탕과 파란 텍스트, 오른쪽 체크 배지로 강조된다. 두 번째 이미지는 같은 화면에 붉은 가이드 라인을 겹쳐 들여쓰기 스텝과 행 높이 리듬을 검증하는 스페이싱 스터디로, 계층형 내비게이션의 간격 체계를 잡을 때 참고하기 좋다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-07 15:49 · 신뢰도 0.93
