AI 분석
아이콘 레일과 페이지 트리, 탭형 코드 편집기를 묶은 다크 테마 웹 빌더 IDE 화면이다.
화면은 좌측 아이콘 레일, 검색 바가 얹힌 페이지 트리 패널, 우측 탭 코드 편집기의 3분할 구조다. 거의 검정에 가까운 배경 위에 미묘한 밝기 차이로 패널을 구분하고, 산세리프 UI 텍스트와 등폭 코드 서체를 함께 쓰며 파랑·보라·초록 구문 강조로 색을 절제해 배분한다. 접힘 화살표가 달린 그룹형 파일 트리, 닫기 버튼이 있는 문서 탭, 데스크톱·모바일 뷰포트 토글, 도메인 연결 안내 배너, 행 번호가 붙은 편집기 영역이 주요 컴포넌트다. 프레임 전반에서 카드가 흐릿한 배경 위를 천천히 미끄러지며 등장하는 연출이 이어져, 개발 도구 UI의 밀도 조절과 다크 패널 위계를 참고하기 좋다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 23:55 · 신뢰도 0.82
