AI 분석
좌측 사이드바 내비와 단계별 코드 블록으로 구성된 문서 UI와 다크 모드 설정 패널을 보여주는 화면 녹화다.
왼쪽 고정 사이드바 내비와 오른쪽 본문으로 나뉜 2단 문서 레이아웃이 기본 골격이다. 밝은 배경 위에 검은 모노스페이스 코드 블록 카드가 번호가 붙은 단계와 짝을 이루고, 신규 항목에는 작은 앰버 배지가 붙는다. 후반부에는 다크 모드 설정 화면이 나오며 좌측 설정 카테고리 목록, 서버 항목 카드, 파란 토글 스위치, 작은 도구 이름 칩이 배치된다. 문서와 설정 UI에서 코드 블록과 단계형 온보딩을 어떻게 시각적으로 정리하는지 참고하기 좋다.
minimal · techy · high-contrast · dark-mode
claude-opus-5 · 2026-09-22 07:09 · 신뢰도 0.68