AI 분석
파일 트리, 코드 에디터, 폰 라이브 프리뷰를 3분할로 배치한 데스크톱 웹앱 화면이다.
맥OS 데스크톱 목업 안에 브레드크럼 상단 바와 좌측 파일 트리, 중앙 코드 에디터, 우측 라이브 프리뷰가 3분할로 놓인 구조다. 밝은 흰 배경에 산세리프 UI 서체와 등폭 코드 서체를 분리해 쓰고 파란 강조색을 저장·게시 버튼과 활성 탭에만 집중시켜 시선을 정리했다. 검색 바, 트리 노드, 파일 탭, 상태 점이 붙은 갱신 표시, 하단 플로팅 프롬프트 입력창, 점 격자 위에 얹힌 폰 프레임 프리뷰가 주요 컴포넌트다. 폰 안에는 다크 잔액 카드와 퀵 액션 아이콘, 거래 리스트로 구성된 핀테크 앱 화면이 들어가 있어 툴 UI와 결과물 UI를 한 장에서 대비해 볼 수 있다. 코드 생성 도구나 빌더형 제품의 작업 영역 분할과 프리뷰 배치 참고로 유용하다.
minimal · light-mode · techy · high-contrast
claude-opus-5 · 2026-09-22 08:26 · 신뢰도 0.92
